modale csv

This commit is contained in:
2026-05-04 12:52:48 +02:00
parent 2087cfb945
commit 8c4c402f5b
7 changed files with 391 additions and 235 deletions
-82
View File
@@ -478,88 +478,6 @@ function getTranslatedMonthName($dateString) {
</div>
</div>
<style>
/* Bouton flottant */
.pf-fab-sum {
position: fixed;
right: 30px;
bottom: 30px;
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #2563eb;
color: white;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border: none;
box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
cursor: pointer;
z-index: 9999;
transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.pf-fab-sum:hover {
transform: scale(1.1);
background-color: #1d4ed8;
}
.pf-fab-sum.active {
background-color: #10b981;
transform: scale(1.1);
box-shadow: 0 4px 20px rgba(16, 185, 129, 0.5);
}
/* Barre de résultat en bas */
.pf-sum-bar {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) translateY(100px);
opacity: 0;
background: white;
padding: 12px 24px;
border-radius: 30px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
display: flex;
align-items: center;
gap: 15px;
z-index: 9998;
border: 1px solid #e2e8f0;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.pf-sum-bar.visible {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
#sumResultValue {
font-size: 1.2rem;
color: #0f172a;
font-weight: bold;
}
/* Effets sur le curseur quand le mode est actif */
body.sum-mode-active {
cursor: cell !important;
}
body.sum-mode-active input,
body.sum-mode-active .sum-target {
cursor: cell !important;
}
/* Style des champs/cellules sélectionnés */
.sum-selected {
outline: 2px dashed #10b981 !important;
outline-offset: -2px;
background-color: #ecfdf5 !important;
color: #065f46 !important;
transition: background-color 0.2s;
}
</style>
<button id="fabSumMode" class="pf-fab-sum" onclick="toggleSumMode()" title="<?= tr('bud_sav_sum_mode_title') ?>">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="8" x2="12" y2="16"></line></svg>