80 lines
2.9 KiB
PHP
80 lines
2.9 KiB
PHP
<?php
|
|
global $langs;
|
|
$langs->loadLangs(array("admin", "ACM@ACM"));
|
|
|
|
$csrfToken = function_exists('newToken') ? newToken() : $_SESSION['newtoken'];
|
|
/** @var $lien */
|
|
$page_name = "ACMSettings";
|
|
$backtopage = GETPOST('backtopage', 'alpha');
|
|
$linkback = '<a href="'.($backtopage ? $backtopage : DOL_URL_ROOT.'/admin/modules.php?restore_lastsearch_values=1').'">'.$langs->trans("BackToModuleList").'</a>';
|
|
print load_fiche_titre($langs->trans($page_name), $linkback, 'title_setup');
|
|
?>
|
|
<style>
|
|
/* Ajout d'une ligne de séparation en dessous des onglets */
|
|
.tabBarContainer {
|
|
border-bottom: 1px solid #ccc; /* Ligne grise sous les onglets */
|
|
padding-bottom: 12px;
|
|
}
|
|
.icon {
|
|
max-height: 16px;
|
|
}
|
|
</style>
|
|
|
|
<div class="tabBarContainer">
|
|
<img class="icon" src="img/object_ACM.png">
|
|
<a href="#" class="tab tabactive" data-target="settings"><?=$langs->trans("ACMSetup")?></a>
|
|
<a href="#" class="tab" data-target="about"><?=$langs->trans("ACMAbout")?></a>
|
|
</div>
|
|
|
|
|
|
<!-- Contenu des onglets -->
|
|
|
|
<div id="settings" class="tab-content">
|
|
<h2><?=$langs->trans("ACMSetupTitre")?></h2>
|
|
<?php include_once $lien ?>
|
|
</div>
|
|
|
|
<div id="about" class="tab-content" style="display:none;">
|
|
<h2><?=$langs->trans("ACMAboutTitre")?></h2>
|
|
<p><?=$langs->trans("ACMAboutIntro")?></p>
|
|
<p><?=$langs->trans("ACMAboutP1")?></p>
|
|
<p><?=$langs->trans("ACMAboutP2")?></p>
|
|
|
|
<table class="centpercent">
|
|
<tr>
|
|
<td class="left col-left" style="width: 30%">
|
|
<p><a href="https://www.flaticon.com/fr/icones-gratuites/sujet" title="sujet icônes"><img src="img/object_ACM.png" class="pictofixedwidth"> <?=$langs->trans("ACMCreditLogo")?></a></p>
|
|
</td>
|
|
<td class="center col-center" style="width: 30%">
|
|
<p><a href="https://www.flaticon.com/fr/icones-gratuites/absence" title="absence icônes"><img src="img/absence.png" class="pictofixedwidth"> <?=$langs->trans("ACMCreditLogoAbs")?></a></p>
|
|
</td>
|
|
<td class="right col-right" style="width: 30%"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
// Sélection des onglets et des contenus
|
|
const tabs = document.querySelectorAll('.tab');
|
|
const contents = document.querySelectorAll('.tab-content');
|
|
|
|
tabs.forEach(tab => {
|
|
tab.addEventListener('click', (e) => {
|
|
e.preventDefault(); // Empêche le rechargement de la page
|
|
|
|
// Retirer la classe tabactive de tous les onglets
|
|
tabs.forEach(t => t.classList.remove('tabactive'));
|
|
|
|
// Masquer tous les contenus
|
|
contents.forEach(c => c.style.display = 'none');
|
|
|
|
// Activer l'onglet cliqué
|
|
tab.classList.add('tabactive');
|
|
|
|
// Afficher le contenu correspondant
|
|
const target = document.getElementById(tab.getAttribute('data-target'));
|
|
target.style.display = 'block';
|
|
});
|
|
});
|
|
</script>
|