Antoine/Metiers_du_patrimoine_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Antoine:e62367359081db35e5fb88403461b7c0a89b065d
Branches Tags
Antoine:main
...
compare: Antoine:ad44b028a7a6742d5b8940a7e1d91967a3169374
Branches Tags
Antoine:main

4 Commits
e623673590 ... ad44b028a7

Author SHA1 Message Date
Nonimart
ad44b028a7 FEATURE Introducing sidebar Card to go back home
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-10 17:27:07 +02:00
Nonimart
4236aaacf1 FEATURE Handling click on cover 2025-07-10 17:26:41 +02:00
Nonimart
952bbe3969 FEATURE introducing a shadow md 2025-07-10 17:26:13 +02:00
Nonimart
6ceaa2b9fb FEATURE Handling French mobile numbers 2025-07-10 17:25:58 +02:00
6 changed files with 45 additions and 17 deletions
Show Stats Expand all files Collapse all files

8
includes/utilities.php
View File

@ -310,11 +310,13 @@ function format_phone_number($phoneNumber)
$cleanedNumber = preg_replace('/\D+/', '', $phoneNumber); $cleanedNumber = preg_replace('/\D+/', '', $phoneNumber);
$phoneType = detectBelgianPhoneType($cleanedNumber); $phoneType = detectBelgianPhoneType($cleanedNumber);
if ($phoneType === 'mobile') { if ($phoneType === 'mobile') {
$formattedPhoneNumber = preg_replace('/(\d{2})(\d{3})(\d{2})(\d{2})(\d{2})/', '+$1 $2 $3 $4 $5', $cleanedNumber); $formattedPhoneNumber = preg_replace('/(\d{2})(\d{3})(\d{2})(\d{2})(\d{2})/', '+$1 $2 $3 $4 $5', $cleanedNumber);
} else if ($phoneType === 'landline') { } else if ($phoneType === 'landline') {
$formattedPhoneNumber = preg_replace('/(\d{2})(\d{1})(\d{3})(\d{2})(\d{2})/', '+$1 $2 $3 $4 $5', $cleanedNumber); $formattedPhoneNumber = preg_replace('/(\d{2})(\d{1})(\d{3})(\d{2})(\d{2})/', '+$1 $2 $3 $4 $5', $cleanedNumber);
} else if ($phoneType === 'fr_mobile') {
$formattedPhoneNumber = preg_replace('/(\d{2})(\d{1})(\d{2})(\d{2})(\d{2})(\d{2})/', '+$1 $2 $3 $4 $5 $6', $cleanedNumber);
} else { } else {
$formattedPhoneNumber = $cleanedNumber; $formattedPhoneNumber = $cleanedNumber;
} }
@ -334,5 +336,9 @@ function detectBelgianPhoneType($number)
return 'landline'; return 'landline';
} }
if (preg_match('/^33[0-9]{9}$/', $number)) {
return 'fr_mobile';
}
return 'unknown'; return 'unknown';
} }

3
resources/css/base/shadows.css
View File

@ -1,6 +1,9 @@
.shadowed { .shadowed {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
.shadowed-md {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.shadowed-lg { .shadowed-lg {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }

7
resources/css/pages/repertoire-metiers.css
View File

@ -228,13 +228,14 @@
} }
} }
.card-information-page,
.card-suggest-artisan { .card-suggest-artisan {
@apply p-3 w-fit gap-3 bg-white shadowed @apply p-3 gap-3 bg-white shadowed w-full
font-bold rounded-2xl flex items-center justify-center my-5; font-bold rounded-2xl flex items-center justify-start my-5;
transition: transform 0.3s; transition: transform 0.3s;
&:after { &:after {
@apply content-[''] w-3 h-3 block bg-no-repeat bg-center bg-contain mt-1 mr-3; @apply content-[''] w-3 h-3 block bg-no-repeat bg-center bg-contain ml-auto mt-1 mr-3;
background-image: url('../resources/img/pictogrammes/Homegrade_back_icon.svg'); background-image: url('../resources/img/pictogrammes/Homegrade_back_icon.svg');
rotate: 180deg; rotate: 180deg;
} }

12
template-components/artisans/card-artisans-search.php
View File

@ -23,11 +23,13 @@ $cover_image = get_field('artisan_cover', $postID);
<article class="card-artisans"> <article class="card-artisans">
<?php if ($cover_image): ?> <a href="<?php echo get_the_permalink($postID) ?>" class="card-artisans__cover-container">
<img src="<?php echo $cover_image['url'] ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image"> <?php if ($cover_image): ?>
<?php else: ?> <img src="<?php echo $cover_image['url'] ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image">
<img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image is-placeholder"> <?php else: ?>
<?php endif; ?> <img src="<?php echo $postDefautlThumbnail ?>" alt="<?php echo $post_title ?>" class="card-artisans__cover-image is-placeholder">
<?php endif; ?>
</a>
<div class="card-artisans__inner"> <div class="card-artisans__inner">
<h2 class="card-artisans__title"><?php echo $post_title ?></h2> <h2 class="card-artisans__title"><?php echo $post_title ?></h2>

23
template-components/artisans/card-artisans.css
View File

@ -1,20 +1,33 @@
.card-artisans { .card-artisans {
@apply bg-white rounded-lg shadowed; @apply bg-white rounded-lg shadowed-md flex flex-col;
&__thumbnail { &__thumbnail {
@apply w-full h-32 lg:h-48 object-cover rounded-t-xl; @apply w-full h-32 lg:h-48 object-cover rounded-t-xl;
} }
&__cover-container {
@apply w-full overflow-hidden rounded-t-xl;
&:hover .card-artisans__cover-image {
@apply scale-105;
filter: brightness(1.1);
}
&:hover .card-artisans__cover-image.is-placeholder {
filter: brightness(1);
}
&:has(.card-artisans__cover-image.is-placeholder) {
transform: scaleX(-1);
}
}
&__cover-image { &__cover-image {
@apply w-full h-32 lg:h-48 object-cover rounded-t-xl; @apply w-full h-32 lg:h-48 object-cover rounded-t-xl;
@apply transition-all duration-300;
&.is-placeholder { &.is-placeholder {
@apply bg-purple-50 py-4; @apply bg-purple-50 py-4;
@apply object-contain; @apply object-contain;
transform: scaleX(-1); /* transform: scaleX(-1); */
object-size: 120%; object-size: 120%;
} }
} }
&__inner { &__inner {
@apply p-6; @apply p-6 w-full grow flex flex-col;
} }
&__title { &__title {
@apply !text-2xl font-bold text-patrimoine-sante-securite !my-0; @apply !text-2xl font-bold text-patrimoine-sante-securite !my-0;
@ -30,7 +43,7 @@
} }
&__adresse { &__adresse {
@apply font-normal underline-offset-4 inline-flex !mt-0 w-full; @apply font-normal underline-offset-4 inline-flex !mt-auto w-full;
&:before { &:before {
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat; @apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
content: ''; content: '';

9
template-parts/artisan-filter-sidebar.php
View File

@ -35,7 +35,7 @@ $foundPosts = $args['foundPosts'] ?? null;
<fieldset class="metier-patrimoine-searchbar__elements-batiments-filters"> <fieldset class="metier-patrimoine-searchbar__elements-batiments-filters">
<div class="fieldset-titling"> <div class="fieldset-titling">
<img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-metiers.svg' ?>" alt=''> <img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-elements.svg' ?>" alt=''>
<h4 class="filter-title"><?php echo __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></h4> <h4 class="filter-title"><?php echo __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></h4>
</div> </div>
<ul> <ul>
@ -73,9 +73,8 @@ $foundPosts = $args['foundPosts'] ?? null;
<fieldset class="metier-patrimoine-searchbar__metiers-filters"> <fieldset class="metier-patrimoine-searchbar__metiers-filters">
<div class="fieldset-titling"> <div class="fieldset-titling">
<img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-elements.svg' ?>" alt=''> <img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-metiers.svg' ?>" alt=''>
<h4 class="filter-title"><?php echo __("Métiers", "metiers-patrimoine-theme") ?></h4> <h4 class="filter-title"><?php echo __("Métiers", "metiers-patrimoine-theme") ?></h4>
</div> </div>
@ -158,4 +157,8 @@ $foundPosts = $args['foundPosts'] ?? null;
<img class="search-artisan-btn__page-icon" src="<?php echo $suggestArtisanPageIcon['sizes']['medium_large'] ?> " alt=""> <img class="search-artisan-btn__page-icon" src="<?php echo $suggestArtisanPageIcon['sizes']['medium_large'] ?> " alt="">
<p><?php echo __("Communiquer une entreprise ou un artisan", "metiers-patrimoine-theme") ?></p> <p><?php echo __("Communiquer une entreprise ou un artisan", "metiers-patrimoine-theme") ?></p>
</a> </a>
<a class="card-information-page card block" href="<?php echo get_home_url() ?>">
<img class="search-artisan-btn__page-icon" src="<?php echo $suggestArtisanPageIcon['sizes']['medium_large'] ?> " alt="">
<p><?php echo __("Page d'information", "metiers-patrimoine-theme") ?></p>
</a>
</aside> </aside>