Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:contacts [30/05/2018 14:32] – ldalbegue
+++ informatique:contacts [02/07/2026 07:06] (Version actuelle) – bchicard
@@ Ligne 1: / Ligne 1: @@
-====== Contacts ======
+~~NOCACHE~~
-Pour contacter le service merci de privilégier le mail à <it.gretani@gretani.com>.\\
+<PHP>
-\\
-**En cas d'urgence vous pouvez nous contacter via le numéro collectif au 04 74 28 89 53 ou le numéro interne 300.**\\
+echo '
-Si personne n'est joignable : \\
+<style>
-Philippe EXPOSITO-GASCON <philippe.exposito@ac-grenoble.fr> -> 06 04 59 25 31 \\
+.contact-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; width: 100%; }
-Loïc DALBEGUE <loic.dalbegue@ac-grenoble.fr> -> 06 04 59 25 34
+.contact-intro { font-size: 13px; color: #666; margin-bottom: 24px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
+.contact-block { background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 20px 22px; margin-bottom: 18px; }
+.contact-block-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 10px; }
+.contact-text { font-size: 13px; color: #444; line-height: 1.7; }
+.contact-text a { text-decoration: none; font-weight: 600; }
+.contact-text a:hover { text-decoration: underline; }
+.contact-urgence { background: #FEF3C7; border: 1px solid #FCD34D; border-left: 4px solid #F59E0B; }
+.contact-urgence .contact-block-title { color: #B45309; }
+.contact-urgence .contact-phone { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 700; color: #B45309; background: #fff; padding: 4px 12px; border-radius: 20px; border: 1px solid #FCD34D; margin: 4px 6px 0 0; }
+.contact-mail-btn { display: inline-flex; align-items: center; gap: 8px; background: #1A4A7A; color: #fff !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; text-decoration: none; font-size: 13px; margin-top: 8px; }
+.contact-mail-btn:hover { background: #378ADD; text-decoration: none !important; }
+.contact-glpi-btn { display: inline-flex; align-items: center; gap: 8px; background: #0F6E56; color: #fff !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; text-decoration: none; font-size: 13px; margin-top: 8px; }
+.contact-glpi-btn:hover { background: #1D9E75; text-decoration: none !important; }
+.contact-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 10px; }
+.contact-person { background: #f8fafd; border: 0.5px solid #dde3ec; border-radius: 10px; padding: 12px 14px; }
+.contact-person-name { font-size: 13px; font-weight: 600; color: #1a2d4a; margin-bottom: 4px; }
+.contact-person-mail { font-size: 12px; color: #378ADD; text-decoration: none; display: block; margin-bottom: 2px; }
+.contact-person-mail:hover { text-decoration: underline; }
+.contact-person-phone { font-size: 12px; color: #666; }
+</style>';
+echo '<div class="contact-wrap">';
+echo '<p class="contact-intro">Le Service Informatique du GNI reste à votre écoute pour toute question ou incident technique.</p>';
+// ── Bloc GLPI ────────────────────────────────────────────────
+echo '<div class="contact-block">';
+echo '<div class="contact-block-title" style="color:#0F6E56">Déclarer une panne</div>';
+echo '<p class="contact-text">En cas de panne, merci de renseigner un ticket sur le site GLPI.
+Connectez-vous avec vos identifiants GNI.<br>
+De cette manière les demandes seront qualifiées (quelle panne, quel poste, quelle salle) et le service informatique pourra traiter l\'ordre des urgences.</p>';
+echo '<a class="contact-glpi-btn" href="https://glpi.gretani.com" target="_blank">
+    <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#fff" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>
+    Ouvrir un ticket GLPI
+</a>';
+echo '</div>';
+// ── Bloc Mail ────────────────────────────────────────────────
+echo '<div class="contact-block">';
+echo '<div class="contact-block-title" style="color:#1A4A7A">Contacter le service par mail</div>';
+echo '<p class="contact-text">Pour toute demande non urgente, merci de privilégier le mail.</p>';
+echo '<a class="contact-mail-btn" href="mailto:it.gretani@gretani.com">
+    <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#fff" stroke-width="2"><path d="M4 4h16v16H4z"/><path d="M22 6l-10 7L2 6"/></svg>
+    it.gretani@gretani.com
+</a>';
+echo '</div>';
+// ── Bloc Urgence ─────────────────────────────────────────────
+echo '<div class="contact-block contact-urgence">';
+echo '<div class="contact-block-title">⚠️ En cas d\'urgence</div>';
+echo '<p class="contact-text">Vous pouvez nous contacter directement par téléphone :</p>';
+echo '<div>
+    <span class="contact-phone">📞 04 74 28 89 53 <span style="font-weight:400;font-size:11px;color:#999">(externe)</span></span>
+    <span class="contact-phone">☎️ 300 <span style="font-weight:400;font-size:11px;color:#999">(interne)</span></span>
+</div>';
+echo '</div>';
+// ── Bloc Contacts directs ────────────────────────────────────
+echo '<div class="contact-block">';
+echo '<div class="contact-block-title" style="color:#888">Si personne n\'est joignable</div>';
+echo '<div class="contact-people">';
+$personnes = [
+    ['nom' => 'Aurélie JEAN',    'mail' => 'aurelie.JEAN@gretani.com',    'tel' => '06 04 59 25 34'],
+    ['nom' => 'Bastien CHICARD', 'mail' => 'bastien.CHICARD@gretani.com', 'tel' => '06 04 59 25 31'],
+];
+foreach ($personnes as $p) {
+    echo '<div class="contact-person">
+        <div class="contact-person-name">' . htmlspecialchars($p['nom']) . '</div>
+        <a class="contact-person-mail" href="mailto:' . htmlspecialchars($p['mail']) . '">' . htmlspecialchars($p['mail']) . '</a>
+        <div class="contact-person-phone">📱 ' . htmlspecialchars($p['tel']) . '</div>
+    </div>';
+}
+echo '</div></div>';
+echo '</div>';
+</PHP>