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

refining block styles and features

Browse Source
This commit is contained in:
Antoine M 2023-11-08 09:57:27 +01:00
parent 9f31943553
commit 8d087fa68e
4 changed files with 91 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
blocks/press-reviews/build/index.js.map
View File

File diff suppressed because one or more lines are too long

32
blocks/press-reviews/build/render.php
View File

@ -1,21 +1,43 @@
<?php <?php
$press_reviews_datas = get_field('press_reviews_datas', 'option'); $press_reviews_datas = get_field('press_reviews_datas', 'option');
// echo '<pre>';
// print_r($press_reviews_datas);
// echo '</pre>';
?> ?>
<section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-press-reviews"]); ?>> <section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-press-reviews"]); ?>>
<?php echo $content; ?> <?php echo $content; ?>
<ul class="homegrade-blocks-press-reviews__article-grid"> <ul class="homegrade-blocks-press-reviews__article-grid">
<div class="table_head">
<p><?php echo __("Titre", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Journal", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Date", "homegrade-blocks__texte-fonctionnel") ?></p>
</div>
<?php foreach ($press_reviews_datas as $press_review) : ?> <?php foreach ($press_reviews_datas as $press_review) : ?>
<li class="homegrade-blocks-press-reviews__article-link"> <?php
<a href="<?php echo $press_review['article_url'] ?>" target="_blank"> $ressourceType = $data['mime_type'];
$ressourceIcon = getRessourceIcon($ressourceType);
?>
<li class="homegrade-blocks-press-reviews__press-article">
<div class="homegrade-blocks-press-reviews__review-icon">
<img src="<?php echo plugin_dir_url(__DIR__) . "src/img/homegrade_journal.svg" ?>" alt="">
</div>
<a class="homegrade-blocks-press-reviews__article-title-link" href="<?php echo $press_review['article_url'] ?>" target="_blank">
<?php echo $press_review['article_title'] ?> <?php echo $press_review['article_title'] ?>
</a> </a>
<p class="homegrade-blocks-press-reviews__newspaper-source-name"><?php echo $press_review['newspaper_source'] ?></p>
<p class="homegrade-blocks-press-reviews__publication-date"><?php echo $press_review['publication_date'] ?></p>
<a class="homegrade-blocks-press-reviews__article-download cta cta--secondary cta--button" href=""><?php echo __('Télécharger', "homegrade-blocks__texte-fonctionnel") ?></a>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</section> </section>

36
blocks/press-reviews/src/img/homegrade_journal.svg Normal file
View File

@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="journal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40.53 37.46">
<defs>
<style>
.cls-1 {
fill: none;
stroke: #000;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 2px;
}
.cls-2 {
fill: url(#Dégradé_sans_nom_5);
stroke-width: 0px;
}
</style>
<linearGradient id="Dégradé_sans_nom_5" data-name="Dégradé sans nom 5" x1="-2856.42" y1="93.66" x2="-2855.43" y2="92.61" gradientTransform="translate(21976.85 1050.23) scale(7.68 -11.04)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f3281d"/>
<stop offset="1" stop-color="#fe766f"/>
</linearGradient>
</defs>
<g id="Groupe_6089" data-name="Groupe 6089">
<g id="Groupe_6091" data-name="Groupe 6091">
<path id="Tracé_24541" data-name="Tracé 24541" class="cls-1" d="m7.74,36.44H3.27c-1.32-.07-2.33-1.2-2.27-2.52V3.52c-.07-1.32.95-2.44,2.27-2.52h31.73c1.32.07,2.33,1.2,2.27,2.52v1.62"/>
<path id="Tracé_24542" data-name="Tracé 24542" class="cls-1" d="m6.62,36.44c1.07.03,2.09-.48,2.71-1.36.45-.68.67-1.49.64-2.3V6.73c-.04-.72.51-1.34,1.23-1.39h27.54c.46.03.82.43.79.89v25.76c.04.94-.2,1.86-.69,2.67-.65,1.03-1.74,1.69-2.96,1.8l-29.26-.02Z"/>
<path id="Tracé_24543" data-name="Tracé 24543" class="cls-1" d="m5.54,32.5V3.55c.07-1.33-.94-2.47-2.26-2.55"/>
<rect id="Rectangle_2201" data-name="Rectangle 2201" class="cls-2" x="27.44" y="15.92" width="7.68" height="11.04" rx="1" ry="1"/>
<line id="Ligne_4284" data-name="Ligne 4284" class="cls-1" x1="14.95" y1="10.91" x2="34.43" y2="10.91"/>
<line id="Ligne_4285" data-name="Ligne 4285" class="cls-1" x1="14.95" y1="16.11" x2="23.86" y2="16.11"/>
<line id="Ligne_4286" data-name="Ligne 4286" class="cls-1" x1="14.95" y1="21.31" x2="23.86" y2="21.31"/>
<line id="Ligne_4287" data-name="Ligne 4287" class="cls-1" x1="14.95" y1="26.5" x2="23.86" y2="26.5"/>
<line id="Ligne_4288" data-name="Ligne 4288" class="cls-1" x1="14.95" y1="32.17" x2="34.43" y2="32.17"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

32
blocks/press-reviews/src/render.php
View File

@ -1,21 +1,43 @@
<?php <?php
$press_reviews_datas = get_field('press_reviews_datas', 'option'); $press_reviews_datas = get_field('press_reviews_datas', 'option');
// echo '<pre>';
// print_r($press_reviews_datas);
// echo '</pre>';
?> ?>
<section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-press-reviews"]); ?>> <section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-press-reviews"]); ?>>
<?php echo $content; ?> <?php echo $content; ?>
<ul class="homegrade-blocks-press-reviews__article-grid"> <ul class="homegrade-blocks-press-reviews__article-grid">
<div class="table_head">
<p><?php echo __("Titre", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Journal", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Date", "homegrade-blocks__texte-fonctionnel") ?></p>
</div>
<?php foreach ($press_reviews_datas as $press_review) : ?> <?php foreach ($press_reviews_datas as $press_review) : ?>
<li class="homegrade-blocks-press-reviews__article-link"> <?php
<a href="<?php echo $press_review['article_url'] ?>" target="_blank"> $ressourceType = $data['mime_type'];
$ressourceIcon = getRessourceIcon($ressourceType);
?>
<li class="homegrade-blocks-press-reviews__press-article">
<div class="homegrade-blocks-press-reviews__review-icon">
<img src="<?php echo plugin_dir_url(__DIR__) . "src/img/homegrade_journal.svg" ?>" alt="">
</div>
<a class="homegrade-blocks-press-reviews__article-title-link" href="<?php echo $press_review['article_url'] ?>" target="_blank">
<?php echo $press_review['article_title'] ?> <?php echo $press_review['article_title'] ?>
</a> </a>
<p class="homegrade-blocks-press-reviews__newspaper-source-name"><?php echo $press_review['newspaper_source'] ?></p>
<p class="homegrade-blocks-press-reviews__publication-date"><?php echo $press_review['publication_date'] ?></p>
<a class="homegrade-blocks-press-reviews__article-download cta cta--secondary cta--button" href=""><?php echo __('Télécharger', "homegrade-blocks__texte-fonctionnel") ?></a>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</section> </section>