diff --git a/public/assets/app.js b/public/assets/app.js
index 3b90078..c45f5ed 100644
--- a/public/assets/app.js
+++ b/public/assets/app.js
@@ -28,6 +28,31 @@ const chartHistory = {
let metricsTimer = null;
+function adminIcon(name, cls = 'w-3.5 h-3.5') {
+ const paths = {
+ shield: '',
+ lock: '',
+ unlock: '',
+ warning: '',
+ phone: '',
+ mobile: '',
+ building: '',
+ voicemail: '',
+ music: '',
+ refresh: '',
+ trash: '',
+ tag: '',
+ ban: '',
+ speaker: '',
+ rocket: '',
+ emergency: '',
+ clock: '',
+ globe: '',
+ dotGreen: '',
+ };
+ return ``;
+}
+
// --- Notifications Toast Tailwind ---
function showToast(message, type = 'success') {
const container = document.getElementById('toast-container');
@@ -765,11 +790,11 @@ function renderDashboardPhonesTable() {
const encMode = Number(ext.encryption ?? (isTls ? 1 : 0));
let srtpBadge = '';
if (encMode === 2) {
- srtpBadge = `🛡️ SRTP Forcé`;
+ srtpBadge = `${adminIcon('shield', 'w-3 h-3')} SRTP Forcé`;
} else if (encMode === 1) {
- srtpBadge = `🛡️ SRTP Négociable`;
+ srtpBadge = `${adminIcon('shield', 'w-3 h-3')} SRTP Négociable`;
} else {
- srtpBadge = `🔈 RTP Clair`;
+ srtpBadge = `${adminIcon('speaker', 'w-3 h-3')} RTP Clair`;
}
// Détection dynamique du mode réel négocié en direct par le téléphone
@@ -782,21 +807,21 @@ function renderDashboardPhonesTable() {
if (actTr === 'tls') {
trPill = `
- 🔒 TLS Actif (Chiffré)
+ ${adminIcon('lock', 'w-3 h-3')} TLS Actif (Chiffré)
`;
profileNote = `${isTls ? 'TLS Strict' : 'UDP Interne'}`;
} else if (actTr === 'wss') {
trPill = `
- 🔒 WSS WebRTC
+ ${adminIcon('lock', 'w-3 h-3')} WSS WebRTC
`;
profileNote = `WebRTC`;
} else if (actTr === 'tcp') {
trPill = `
- 🔓 TCP Actif (Clair)
+ ${adminIcon('unlock', 'w-3 h-3')} TCP Actif (Clair)
`;
profileNote = `${isTls ? 'TLS Strict' : 'UDP Interne'}`;
@@ -804,10 +829,10 @@ function renderDashboardPhonesTable() {
// UDP
trPill = `
- 🔓 UDP Actif (Clair)
+ ${adminIcon('unlock', 'w-3 h-3')} UDP Actif (Clair)
`;
- profileNote = isTls ? '⚠️ Exige TLS' : 'UDP Interne';
+ profileNote = isTls ? `${adminIcon('warning', 'w-3 h-3')} Exige TLS` : 'UDP Interne';
}
modeBadge = `
@@ -853,7 +878,7 @@ function renderDashboardPhonesTable() {
contactHtml = `
${escapeHtml(cleanIp)}
- ${ua ? `
📱 ${ua}
` : ''}
+ ${ua ? `
${adminIcon('mobile', 'w-3 h-3 text-indigo-400')} ${ua}
` : ''}
`;
} else {
@@ -909,10 +934,10 @@ function renderExtensionsTable() {
encLabel = 'RTP Clair';
}
const badge = isTls
- ? `🔒 TLS (${encLabel})`
+ ? `${adminIcon('lock', 'w-3.5 h-3.5 text-emerald-400')} TLS (${encLabel})`
: (encMode > 0
- ? `🛡️ UDP (${encLabel})`
- : `🏢 UDP (RTP Clair)`);
+ ? `${adminIcon('shield', 'w-3.5 h-3.5 text-indigo-400')} UDP (${encLabel})`
+ : `${adminIcon('building', 'w-3.5 h-3.5 text-slate-400')} UDP (RTP Clair)`);
const actTr = c ? (c.active_transport || 'udp').toUpperCase() : '';
const stLower = c ? String(c.status).toLowerCase() : '';
@@ -935,7 +960,7 @@ function renderExtensionsTable() {
: `Aucun`;
const vmBadge = Number(ext.voicemail_enabled) === 1
- ? `📟 Boîte`
+ ? `${adminIcon('voicemail', 'w-3 h-3')} Boîte`
: '';
const gwBadge = Number(ext.groundwire_enabled) === 1
? `GroundWire`
@@ -1256,7 +1281,7 @@ function renderGroupsTable() {
? members.map(m => `${escapeHtml(m)}`).join(' ')
: 'Aucun membre';
const failoverLabel = String(grp.failover_dest || '').startsWith('vm-')
- ? `📬 Répondeur ${escapeHtml(String(grp.failover_dest).slice(3))}`
+ ? `${adminIcon('voicemail', 'w-3.5 h-3.5')} Répondeur ${escapeHtml(String(grp.failover_dest).slice(3))}`
: `${escapeHtml(grp.failover_dest)}`;
return `
@@ -1773,7 +1798,7 @@ function renderTrunksTable() {
const mohSound = (appState.sounds || []).find(s => Number(s.id) === Number(t.moh_sound_id));
const mohBadge = mohSound
- ? `🎵 ${escapeHtml(mohSound.name)}`
+ ? `${adminIcon('music', 'w-3 h-3')} ${escapeHtml(mohSound.name)}`
: `MoH : Globale`;
return `
@@ -1803,12 +1828,12 @@ function renderTrunksTable() {
${t.cid_name_prefix ? `CID: ${escapeHtml(t.cid_name_prefix)}` : ''}
${didCount > 0 ? `${didCount} règle(s) entrante(s)` : 'Tous numéros (Any)'}
${blockCount > 0 ? `${blockCount} blocage(s) CID` : ''}
- ${tcCount > 0 ? `⏱️ ${tcCount} horaire(s)` : ''}
+ ${tcCount > 0 ? `${adminIcon('clock', 'w-3 h-3')} ${tcCount} horaire(s)` : ''}
${mohBadge}
- ${wantsReg ? `` : ''}
+ ${wantsReg ? `` : ''}
@@ -2230,11 +2255,11 @@ function addTrunkInboundRouteRow(cid = 'Any', did = 'Any', description = '', des
-
@@ -2278,7 +2303,7 @@ function addTrunkInboundRouteRow(cid = 'Any', did = 'Any', description = '', des
@@ -2307,7 +2332,7 @@ function addTrunkInboundRouteRow(cid = 'Any', did = 'Any', description = '', des
if (isEnabled) {
toggleBtn.className = 'btn-toggle-time px-2 py-1.5 rounded-lg text-xs font-semibold bg-amber-500/20 text-amber-300 border border-amber-500/40 transition shadow-sm';
const daysLabel = tcWeekdaysSelect.value === 'mon-fri' ? 'Lun-Ven' : (tcWeekdaysSelect.value === 'mon-sat' ? 'Lun-Sam' : (tcWeekdaysSelect.value === '*' ? '7j/7' : 'Sam-Dim'));
- badgeContainer.innerHTML = `⏱️ ${escapeHtml(tcStartInput.value)}-${escapeHtml(tcFinishInput.value)} (${escapeHtml(daysLabel)})`;
+ badgeContainer.innerHTML = `${adminIcon('clock', 'w-3 h-3')} ${escapeHtml(tcStartInput.value)}-${escapeHtml(tcFinishInput.value)} (${escapeHtml(daysLabel)})`;
} else {
toggleBtn.className = 'btn-toggle-time px-2 py-1.5 rounded-lg text-xs font-semibold bg-anthracite-950 hover:bg-anthracite-900 text-slate-400 hover:text-white border border-anthracite-700 transition';
badgeContainer.innerHTML = '';
@@ -2717,10 +2742,10 @@ function openTrunkModal(trunk = null) {
if (mohSelect) {
const mohSounds = (appState.sounds || []).filter(s => s.usage_type === 'moh');
const curMohId = trunk ? Number(trunk.moh_sound_id || 0) : 0;
- let opts = ``;
+ let opts = ``;
mohSounds.forEach(s => {
const isSel = (Number(s.id) === curMohId) ? 'selected' : '';
- opts += ``;
+ opts += ``;
});
mohSelect.innerHTML = opts;
}
@@ -2821,7 +2846,7 @@ function renderOutboundRoutesTable() {
${tIdx + 1}.${escapeHtml(t)}
`).join(' → ')
- : `⚠️ Aucun Trunk associé`;
+ : `${adminIcon('warning', 'w-3.5 h-3.5')} Aucun Trunk associé`;
const isRestricted = r.permission_mode === 'restricted';
const allowedGrps = Array.isArray(r.allowed_groups) ? r.allowed_groups : [];
@@ -2846,7 +2871,7 @@ function renderOutboundRoutesTable() {
const patPreview = patterns.slice(0, 2).map(p => escapeHtml(p.match_pattern || '')).filter(Boolean).join(', ');
const rTypeBadge = r.route_type === 'emergency'
- ? `🚑 Urgence`
+ ? `${adminIcon('emergency', 'w-3 h-3')} Urgence`
: (r.route_type === 'intracompany'
? `Intra`
: `Standard`);
@@ -2941,19 +2966,19 @@ function openOutboundRouteModal(route = null) {
if (congSel) {
const curCong = route ? route.congestion_dest : 'all-circuits-busy';
let congOpts = `
-
-
+
`;
@@ -3322,8 +3347,8 @@ function renderIvrsTable() {
|
- ⏱️ Attente : ${Number(ivr.timeout)}s (${Number(ivr.timeout_retries || 2)} rép)
- ⚠️ Erreur : max ${Number(ivr.invalid_retries || 3)} essais
+ ${adminIcon('clock', 'w-3.5 h-3.5 text-amber-400')} Attente : ${Number(ivr.timeout)}s (${Number(ivr.timeout_retries || 2)} rép)
+ ${adminIcon('warning', 'w-3.5 h-3.5 text-amber-400')} Erreur : max ${Number(ivr.invalid_retries || 3)} essais
|
@@ -3397,7 +3422,7 @@ function openIvrModal(ivr = null) {
let audioHtml = '';
if (sounds.length > 0) {
- audioHtml += ` |