60 lines
3.2 KiB
PHP
60 lines
3.2 KiB
PHP
<?php
|
|
$id = get_the_ID();
|
|
$reference = get_field('references', $id);
|
|
$hasReferences = isset($reference) && is_array($reference) && count($reference) > 0;
|
|
$authors = get_field('authors', $id);
|
|
$hasAuthors = isset($authors) && is_array($authors) && count($authors) > 0;
|
|
|
|
$pdf_version = get_field('pdf_version', $id);
|
|
$pdf_url = isset($pdf_version) && !empty($pdf_version['url']) ? $pdf_version['url'] : null;
|
|
|
|
?>
|
|
|
|
<div id="article-toolbar" class="article-toolbar">
|
|
<div role="tablist" aria-labelledby="tablist-1" class="tablist">
|
|
<button id="tab-1" type="button" role="tab" aria-selected="true" aria-controls="tabpanel-1" data-tab="article">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-document.svg" alt="">
|
|
<span>Article</span>
|
|
</button>
|
|
<?php if ($hasAuthors) : ?>
|
|
<button id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1" data-tab="authors">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plume.svg" alt="">
|
|
<span>Auteur·e·s</span>
|
|
</button>
|
|
<?php endif; ?>
|
|
<?php if ($hasReferences) : ?>
|
|
<button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1" data-tab="references">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-lien.svg" alt="">
|
|
<span>Références</span>
|
|
</button>
|
|
<?php endif; ?>
|
|
<button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1" data-tab="table-of-contents">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plan.svg" alt="">
|
|
<span>Table des matières</span>
|
|
</button>
|
|
<button id="tab-5" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-5" tabindex="-1" data-tab="informations">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-note-biographique.svg" alt="">
|
|
<span>Informations</span>
|
|
</button>
|
|
|
|
<div class="toolbar-actions">
|
|
|
|
<?php if ($pdf_url) : ?>
|
|
<a href="<?php echo $pdf_url; ?>" target="_blank" class="cta cta--classic cta--has-icon cta--rounded cta--download-pdf ">
|
|
<img class="icon" src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-fleche-telecharger.svg" alt="">
|
|
PDF
|
|
</a>
|
|
<?php endif; ?>
|
|
|
|
|
|
<button id="listen-article" type="button" data-reading-status="stopped" title="Lancer la lecture vocale de l'article">
|
|
<img id="play-reading" class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-ecouter.svg" alt="Lecture vocale de l'article">
|
|
<img id="pause-reading" class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-pause.svg" alt="Arrêter la lecture vocale de l'article">
|
|
</button>
|
|
<button id="stop-reading" type="button" title="Arrêter la lecture vocale de l'article">
|
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-stop-reading.svg" alt="Arrêter la lecture vocale de l'article">
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|