MyIDDEAtime

Ingresa con tu correo corporativo

Correo corporativo

Contraseña

↺ ¿Problemas para entrar? Reiniciar aplicación

Registrar Horas

Registra el tiempo dedicado a cada cuenta

1. Fecha

2. Área de trabajo

3. Selecciona la cuenta

0.0

horas registradas hoy

Distribución

Aún no hay registros hoy

Mi Historial

Dedicación por cuenta y semana

Dedicación por cuenta

Distribución

Detalle de registros

Fecha	Área	Cuenta	Horas	% día	Comentario

Resumen Equipo

Horas consolidadas por consultor y cuenta

Por consultor

Por cuenta

Detalle de registros

Consultor	Área	Cuenta	Fecha	Horas	Comentario

Informes de Dedicación

Análisis de horas con porcentajes por consultor, área, cuenta y período

Filtros del informe

Tipo

Período

Consultor

Cuenta

Área

Distribución

% Dedicación

Detalle

Panel de Administración

Gestiona el equipo, áreas, cuentas y configuración de la plataforma

Agregar Consultor

Nombre completo

Cargo / Rol

Correo corporativo

La persona creará su contraseña en el primer ingreso.

Equipo actual

Áreas de trabajo

Cuentas

↔

Área → Cuentas

Haz clic en una cuenta para activarla/desactivarla en cada área

Acceso Calculadora

Activa para gerentes/directores

Editar Tarifas

Valor hora por cargo

Márgenes (%)

Gastos admin.

Rentabilidad

Imprevistos

📊 Acceso Rentabilidad

Activa para directores y gerentes

🔒

Contraseña de Administrador

Usuario: admin

Contraseña actual

Nueva contraseña

Confirmar contraseña

Mínimo 6 caracteres. Esta contraseña protege el acceso de administrador.

Mi Cuenta

Cambia tu contraseña de acceso

Información

—

Cambiar Contraseña

Contraseña actual

Nueva contraseña

Confirmar nueva contraseña

Control de Semanas

Bloquea o desbloquea semanas por consultor. Las semanas se cierran automáticamente los domingos a las 11:59 p.m.

Consultor

Selecciona un consultor

💰 Calculadora de Costos

Cuadro de cotización 2025 — ingresa las horas por cargo

Nombre del cliente / proyecto

Tipo de contrato

1. Equipo — Horas por cargo

Cargo

# Horas

Valor/hora

Costo

Total horas equipo

0 h · $ 0

2. Costos operativos

Rubro

Overhead

Valor fijo

Subtotal

Total costos y gastos $ 0

3. Márgenes y rentabilidad

Costo base

TOTAL a cobrar

Rentabilidad

Imprevistos

—

📊 Monitor de Rentabilidad

Compara el fee mensual de cada cliente con el costo real del equipo asignado

Clientes activos

Los cálculos se actualizan en tiempo real al editar

Cliente & Equipo (mes actual)	Fee mensual	Horas monetizadas	Diferencia	Estado

🟢 Rentable — diferencia ≥ $0

🟡 Ajuste sugerido — déficit hasta $2.000.000

🔴 Déficit — diferencia < −$2.000.000

`; // Download const blob = new Blob([html], {type:'text/html;charset=utf-8'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); const fname = `IDDEA_${tipoLabel.replace(/\s/g,'_')}_${periodoLabel.replace(/\s/g,'_')}_${new Date().toISOString().slice(0,10)}.html`; a.download = fname; a.click(); URL.revokeObjectURL(a.href); toast('✓ Dashboard descargado'); } // ── ADMIN ───────────────────────────────────────────────────────────────────── function renderAdmin() { document.getElementById('cuentas-list').innerHTML=S.cuentas.length ?[...S.cuentas].sort((a,b)=>a.localeCompare(b,'es')).map(c=>`

${c}

`).join('') :'

Sin cuentas

'; document.getElementById('areas-list').innerHTML=S.areas.length ?[...S.areas].sort((a,b)=>a.localeCompare(b,'es')).map(a=>`

${a}

`).join('') :'

Sin áreas

'; const countEl = document.getElementById('equipo-count'); if(countEl) countEl.textContent = S.personas.length + ' miembro' + (S.personas.length!==1?'s':''); document.getElementById('personas-list').innerHTML=S.personas.length ?S.personas.map(p=>`

${p.foto ? `

` : `${initials(p.nombre)}`}

📷

${p.nombre}

${p.rol||'—'}

${p.email||'sin correo'}

${p.firstLogin?'

⚠ Pendiente primer ingreso

':''}

`).join('') :'

No hay consultores registrados

'; renderMatrix(); renderCalcAdmin(); renderRentAdmin(); renderTarifasAdmin(); } function showTarifasTab(t) { document.getElementById('tarifas-tab-proyecto').style.display = t==='proyecto'?'block':'none'; document.getElementById('tarifas-tab-cuenta').style.display = t==='cuenta' ?'block':'none'; document.getElementById('btn-tarifas-proyecto').classList.toggle('active', t==='proyecto'); document.getElementById('btn-tarifas-cuenta').classList.toggle('active', t==='cuenta'); } function renderMatrix() { const c=document.getElementById('area-cuentas-matrix'); if(!c) return; if(!S.areas.length||!S.cuentas.length){c.innerHTML='

Agrega áreas y cuentas primero.

';return;} c.innerHTML=S.areas.map(area=>{ const asig=S.areaCuentas[area]||[]; return`

${area}

${S.cuentas.map(cu=>{ const on=asig.includes(cu); return`${on?'✓ ':''}${cu}`; }).join('')}

`; }).join(''); c.querySelectorAll('label[data-a]').forEach(lbl=>{ lbl.onclick=function(){ const area=this.dataset.a, cu=this.dataset.c; if(!S.areaCuentas[area]) S.areaCuentas[area]=[]; const idx=S.areaCuentas[area].indexOf(cu); if(idx>=0) S.areaCuentas[area].splice(idx,1); else S.areaCuentas[area].push(cu); save(); renderMatrix(); }; }); } function agregarCuenta(){ const v=document.getElementById('new-cuenta').value.trim(); if(!v){toast('Ingresa un nombre','#e53e3e');return;} if(S.cuentas.includes(v)){toast('Ya existe','#e53e3e');return;} S.cuentas.push(v);save();document.getElementById('new-cuenta').value='';renderAdmin();toast('✓ Cuenta "'+v+'" creada'); } function elCuenta(i){const n=S.cuentas[i];S.cuentas.splice(i,1);save();renderAdmin();toast('Cuenta "'+n+'" eliminada','#e53e3e');} function agregarArea(){ const v=document.getElementById('new-area').value.trim(); if(!v){toast('Ingresa un nombre','#e53e3e');return;} if(S.areas.includes(v)){toast('Ya existe','#e53e3e');return;} S.areas.push(v);save();document.getElementById('new-area').value='';renderAdmin();toast('✓ Área "'+v+'" creada'); } function elArea(i){const n=S.areas[i];S.areas.splice(i,1);save();renderAdmin();toast('Área "'+n+'" eliminada','#e53e3e');} function agregarPersona(){ const nombre=document.getElementById('new-p-name').value.trim(); const rol=document.getElementById('new-p-rol').value.trim(); const email=document.getElementById('new-p-email').value.trim().toLowerCase(); if(!nombre){toast('Ingresa el nombre','#e53e3e');return;} if(!email||!email.includes('@')){toast('Ingresa un correo corporativo válido','#e53e3e');return;} if(S.personas.find(p=>p.email===email)){toast('Ese correo ya está registrado','#e53e3e');return;} S.personas.push({id:uid(),nombre,rol:rol||'Consultor',email,pass:'',firstLogin:true}); save(); document.getElementById('new-p-name').value=''; document.getElementById('new-p-rol').value=''; document.getElementById('new-p-email').value=''; renderAdmin();toast('✓ '+nombre+' agregado — ingresará con su correo y creará su contraseña al primer acceso'); } function elPersona(id){S.personas=S.personas.filter(p=>p.id!==id);save();renderAdmin();populatePersonas();toast('Consultor eliminado','#e53e3e');} function uploadFotoPersona(id, input) { const file = input.files[0]; if (!file) return; if (file.size > 2 * 1024 * 1024) { toast('La imagen debe pesar menos de 2MB', '#e53e3e'); return; } const reader = new FileReader(); reader.onload = function(e) { const p = S.personas.find(x => x.id === id); if (!p) return; // Resize to max 200x200 for storage efficiency const img = new window.Image(); img.onload = function() { const MAX = 200; const canvas = document.createElement('canvas'); const ratio = Math.min(MAX / img.width, MAX / img.height); canvas.width = Math.round(img.width * ratio); canvas.height = Math.round(img.height * ratio); canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height); p.foto = canvas.toDataURL('image/jpeg', 0.82); save(); renderAdmin(); toast('✓ Foto de ' + p.nombre + ' actualizada'); }; img.src = e.target.result; }; reader.readAsDataURL(file); } function resetPassPersona(id) { const p = S.personas.find(x=>x.id===id); if(!p) return; p.pass = ''; p.firstLogin = true; save(); renderAdmin(); toast('🔑 Contraseña de '+p.nombre+' restablecida. Deberá crear una nueva al ingresar.', 'var(--azul)'); } // ── MI CUENTA ───────────────────────────────────────────────────────────────── function renderCuenta(){ const p=S.personas.find(x=>x.id===CU.id); if(!p) return; const cuentaAv = document.getElementById('cuenta-avatar'); if(p.foto) { cuentaAv.textContent=''; cuentaAv.style.padding='0'; cuentaAv.style.overflow='hidden'; cuentaAv.innerHTML=`

`; } else { cuentaAv.textContent=initials(p.nombre); } document.getElementById('cuenta-nombre').textContent=p.nombre; document.getElementById('cuenta-rol').textContent=(p.email||'')+' - '+p.rol; document.getElementById('pass-actual').value=''; document.getElementById('pass-nueva').value=''; document.getElementById('pass-confirma').value=''; } function cambiarPassword(){ const p=S.personas.find(x=>x.id===CU.id); if(!p) return; const actual=document.getElementById('pass-actual').value; const nueva=document.getElementById('pass-nueva').value; const conf=document.getElementById('pass-confirma').value; if(!actual){toast('Ingresa tu contraseña actual','#e53e3e');return;} if(actual!==p.pass){toast('La contraseña actual es incorrecta','#e53e3e');return;} if(nueva.length<4){toast('La nueva contraseña debe tener al menos 4 caracteres','#e53e3e');return;} if(nueva!==conf){toast('Las contraseñas no coinciden','#e53e3e');return;} p.pass=nueva;save(); document.getElementById('pass-actual').value=''; document.getElementById('pass-nueva').value=''; document.getElementById('pass-confirma').value=''; toast('✓ Contraseña actualizada'); } function cambiarPasswordAdmin() { const actual = document.getElementById('admin-pass-actual').value; const nueva = document.getElementById('admin-pass-nueva').value; const conf = document.getElementById('admin-pass-confirma').value; const correcta = S.adminPass || 'admin2024'; if(!actual) { toast('Ingresa la contraseña actual','#e53e3e'); return; } if(actual !== correcta) { toast('La contraseña actual es incorrecta','#e53e3e'); return; } if(nueva.length < 6) { toast('La nueva contraseña debe tener al menos 6 caracteres','#e53e3e'); return; } if(nueva !== conf) { toast('Las contraseñas no coinciden','#e53e3e'); return; } S.adminPass = nueva; save(); document.getElementById('admin-pass-actual').value=''; document.getElementById('admin-pass-nueva').value=''; document.getElementById('admin-pass-confirma').value=''; toast('✓ Contraseña de administrador actualizada'); } // ── SEMANAS ADMIN ───────────────────────────────────────────────────────────── let semanaPersonaActiva = null; function renderSemanasAdmin() { const list = document.getElementById('semanas-personas-list'); list.innerHTML = [...S.personas].sort((a,b)=>a.nombre.localeCompare(b.nombre,'es')).map(p => { const active = semanaPersonaActiva === p.id; // Count regs this week for badge const semStart = getWeekStart(today()); const horasSem = S.registros.filter(r=>r.personaId===p.id && getWeekStart(r.fecha)===semStart).reduce((s,r)=>s+r.horas,0); return `

${p.foto ? `

` : `${initials(p.nombre)}`}

${p.nombre}

${p.rol||'—'}

${horasSem > 0 ? `

${horasSem.toFixed(1)}h

` : ''}

`; }).join(''); if(semanaPersonaActiva) renderSemanasLista(); else document.getElementById('semanas-lista').innerHTML='

Selecciona un consultor para ver sus semanas

'; } function selectSemanaPersona(id) { semanaPersonaActiva = id; renderSemanasAdmin(); } function renderSemanasLista() { const p = S.personas.find(x=>x.id===semanaPersonaActiva); if(!p) return; document.getElementById('semanas-titulo').textContent = p.nombre; // Generate last 12 weeks + current + next 2 const weeks = []; const cur = getWeekStart(today()); const curDate = new Date(cur+'T00:00:00'); // Start from 12 weeks ago for(let i = -11; i <= 2; i++) { const d = new Date(curDate); d.setDate(curDate.getDate() + i*7); weeks.push(d.toISOString().split('T')[0]); } const html = weeks.map(ws => { const we = new Date(ws+'T00:00:00'); we.setDate(we.getDate()+6); const weStr = we.toISOString().split('T')[0]; const key = getWeekKey(semanaPersonaActiva, ws); const isCurrent = ws === cur; const isPast = ws < cur; const blocked = isSemanaBlocked(semanaPersonaActiva, ws); // Count registros in this week const regsCount = S.registros.filter(r => { if(r.personaId !== semanaPersonaActiva) return false; return getWeekStart(r.fecha) === ws; }).length; const totalH = S.registros.filter(r => r.personaId===semanaPersonaActiva && getWeekStart(r.fecha)===ws).reduce((s,r)=>s+r.horas,0); return `

${isCurrent?'ACTUAL':''} Sem. ${fmt(ws)} → ${fmt(weStr)} ${regsCount>0?`${regsCount} entrada${regsCount!==1?'s':''} - ${totalH.toFixed(1)}h`:''}

${blocked?'🔒 Bloqueada':'🔓 Abierta'}

`; }).join(''); document.getElementById('semanas-lista').innerHTML = html || '

Sin semanas

'; } function toggleSemana(key, ws, newBlocked) { const cur = getWeekStart(today()); const isPast = ws < cur; // For past weeks: explicit false = unlocked, explicit true = blocked // For current/future: explicit true = blocked, delete or false = open if(!newBlocked && isPast) { S.semanasBlocked[key] = false; // explicitly unlock past week } else if(newBlocked) { S.semanasBlocked[key] = true; } else { delete S.semanasBlocked[key]; // remove explicit lock for current/future } save(); renderSemanasLista(); const p = S.personas.find(x=>x.id===semanaPersonaActiva); toast((newBlocked?'🔒 Semana bloqueada':'🔓 Semana desbloqueada')+' para '+p?.nombre,'var(--azul)'); } function toggleTodasSemanas(action) { if(!semanaPersonaActiva) { toast('Selecciona un consultor primero','#e53e3e'); return; } const cur = getWeekStart(today()); const curDate = new Date(cur+'T00:00:00'); for(let i=-11; i<=2; i++) { const d = new Date(curDate); d.setDate(curDate.getDate()+i*7); const ws = d.toISOString().split('T')[0]; const key = getWeekKey(semanaPersonaActiva, ws); const isPast = ws < cur; if(action==='bloquear') { S.semanasBlocked[key] = true; } else { if(isPast) S.semanasBlocked[key] = false; else delete S.semanasBlocked[key]; } } save(); renderSemanasLista(); toast(action==='bloquear'?'🔒 Todas las semanas bloqueadas':'🔓 Todas las semanas abiertas','var(--azul)'); } // ── CALCULADORA ────────────────────────────────────────────────────────────── let calcTipoActivo = 'proyecto'; function calcCanAccess() { if(CU.isAdmin) return true; return S.calcEnabled?.[CU.id] === true; } function fmt_num(n) { return Math.round(n).toLocaleString('es-CO'); } function calcTipo(t) { calcTipoActivo = t; document.getElementById('btn-tipo-proyecto').classList.toggle('active', t==='proyecto'); document.getElementById('btn-tipo-cuenta').classList.toggle('active', t==='cuenta'); calcRenderCargos(); calcRenderCostos(); calcRenderMargenes(); calcActualizar(); } function calcRenderCargos() { const tarifas = S.calcTarifas[calcTipoActivo]; const list = document.getElementById('calc-cargos-list'); if(!list) return; list.innerHTML = tarifas.cargos.map(c => `

${c.nombre}

$${fmt_num(c.valorHora)} / hora

$${fmt_num(c.valorHora)}

$ —

`).join(''); } function calcRenderCostos() { const tarifas = S.calcTarifas[calcTipoActivo]; const list = document.getElementById('calc-costos-list'); if(!list) return; list.innerHTML = tarifas.costos.map(c => `

${c.nombre}

${(c.overhead*100).toFixed(0)}%

$ —

`).join(''); } function updateValorFijoCalc(id, val) { const v = parseInt((val||'0').replace(/[^0-9]/g,''))||0; const tarifas = S.calcTarifas[calcTipoActivo]; const c = tarifas.costos.find(x=>x.id===id); if(c) { c.valorFijo = v; save(); } calcActualizar(); } function calcRenderMargenes() { const t = S.calcTarifas[calcTipoActivo]; const el = document.getElementById('calc-margenes-list'); if(!el) return; el.innerHTML = `

Gastos administrativos ${(t.gastosAdmin*100).toFixed(0)}% $ —

Rentabilidad ${(t.rentabilidad*100).toFixed(0)}% $ —

Imprevistos ${(t.imprevistos*100).toFixed(0)}% $ —

`; } function calcActualizar() { const tarifas = S.calcTarifas[calcTipoActivo]; let totalHoras=0, totalCostoEq=0; tarifas.cargos.forEach(c=>{ const h=parseFloat(document.getElementById('calc-h-'+c.id)?.value)||0; const costo=h*c.valorHora; totalHoras+=h; totalCostoEq+=costo; const cm=document.getElementById('calc-cm-'+c.id); const row=document.getElementById('cargo-row-'+c.id); if(cm) cm.textContent=h>0?'$'+fmt_num(costo):'$ —'; if(row) row.classList.toggle('has-value',h>0); }); let totalCostos=totalCostoEq; tarifas.costos.forEach(c=>{ const vf=c.valorFijo||0; const subtotal=vf>0?Math.round(vf*(1+c.overhead)):0; totalCostos+=subtotal; const el=document.getElementById('calc-costo-'+c.id); if(el) el.textContent=subtotal>0?'$'+fmt_num(subtotal):'$ —'; }); const gastosAdmin=totalCostos*tarifas.gastosAdmin; const subtotal2=totalCostos+gastosAdmin; const rentabilidad=subtotal2*tarifas.rentabilidad; const imprevistos=subtotal2*tarifas.imprevistos; const totalFinal=subtotal2+rentabilidad+imprevistos; const set=(id,v)=>{const el=document.getElementById(id);if(el)el.textContent=v;}; set('calc-total-horas',totalHoras.toFixed(1)+' h'); set('calc-total-costo-eq','$'+fmt_num(totalCostoEq)); set('calc-total-costos','$'+fmt_num(totalCostos)); set('calc-m-admin','$'+fmt_num(gastosAdmin)); set('calc-m-rent','$'+fmt_num(rentabilidad)); set('calc-m-impr','$'+fmt_num(imprevistos)); set('res-costo-base','$'+fmt_num(totalCostos)); set('res-total','$'+fmt_num(totalFinal)); set('res-rentabilidad','$'+fmt_num(rentabilidad)); set('res-imprevistos','$'+fmt_num(imprevistos)); const tipoBadge=document.getElementById('calc-tipo-badge'); const tipoDesc=document.getElementById('calc-tipo-desc'); if(tipoBadge){ tipoBadge.textContent=calcTipoActivo==='proyecto'?'Proyecto corto':'Contrato largo plazo'; tipoDesc.textContent=calcTipoActivo==='proyecto' ?`Rentabilidad ${(tarifas.rentabilidad*100).toFixed(0)}% - Tarifas estándar` :`Rentabilidad ${(tarifas.rentabilidad*100).toFixed(0)}% - Tarifas preferenciales`; } const desgloseRows=[ {l:'Costo equipo', v:totalCostoEq, c:'#01A0F1'}, {l:'Costos operativos', v:totalCostos-totalCostoEq, c:'#0c6480'}, {l:'Gastos admin. ('+( tarifas.gastosAdmin*100).toFixed(0)+'%)', v:gastosAdmin, c:'#80858B'}, {l:'Rentabilidad ('+(tarifas.rentabilidad*100).toFixed(0)+'%)', v:rentabilidad, c:'#22c55e'}, {l:'Imprevistos ('+(tarifas.imprevistos*100).toFixed(0)+'%)', v:imprevistos, c:'#f59e0b'}, ]; const desglose=document.getElementById('calc-desglose'); if(desglose) desglose.innerHTML= desgloseRows.map(r=> '

' + '' + r.l + '' + '$' + fmt_num(r.v) + '' + '

' ).join('') + '

' + 'TOTAL A COBRAR' + '$' + fmt_num(totalFinal) + '' + '

'; } function calcInit() { calcTipoActivo='proyecto'; document.getElementById('btn-tipo-proyecto')?.classList.add('active'); document.getElementById('btn-tipo-cuenta')?.classList.remove('active'); const nom=document.getElementById('calc-nombre'); if(nom) nom.value=''; calcRenderCargos(); calcRenderCostos(); calcRenderMargenes(); calcActualizar(); } function calcExportar() { const nombre=document.getElementById('calc-nombre')?.value||'Cotizacion IDDEA'; const tarifas=S.calcTarifas[calcTipoActivo]; let txt='COTIZACION IDDEA — '+nombre+'\n'; txt+='Tipo: '+(calcTipoActivo==='proyecto'?'Proyecto corto':'Contrato largo plazo')+'\n\n'; txt+='CARGO\t\tHORAS\tVALOR/H\tCOSTO\n'; tarifas.cargos.forEach(c=>{ const h=parseFloat(document.getElementById('calc-h-'+c.id)?.value)||0; if(h>0) txt+=c.nombre+'\t'+h+'h\t$'+fmt_num(c.valorHora)+'\t$'+fmt_num(h*c.valorHora)+'\n'; }); txt+='\nTOTAL: '+document.getElementById('res-total').textContent; txt+='\nRENTABILIDAD: '+document.getElementById('res-rentabilidad').textContent; const blob=new Blob([txt],{type:'text/plain'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='Cotizacion_IDDEA.txt'; a.click(); toast('Resumen exportado'); } function renderRentAdmin() { const el = document.getElementById('rent-admin-personas'); if(!el) return; el.innerHTML = [...S.personas].sort((a,b)=>a.nombre.localeCompare(b.nombre,'es')).map(p => { const on = S.rentEnabled?.[p.id] === true; return `

${initials(p.nombre)}

${p.nombre}

${p.rol}

${on?'✓ Activa':'Inactiva'}

`; }).join(''); } function toggleRentPersona(id) { if(!S.rentEnabled) S.rentEnabled = {}; S.rentEnabled[id] = !(S.rentEnabled[id] === true); save(); renderRentAdmin(); // Update rent tab visibility for this user if they are logged in const rentBtn = document.querySelector('.nav-tab[onclick*="rentabilidad"]'); if(rentBtn && CU && !CU.isAdmin) { rentBtn.style.display = S.rentEnabled[CU.id] ? 'inline-flex' : 'none'; } const p = S.personas.find(x => x.id === id); toast((S.rentEnabled[id] ? 'Rentabilidad activada' : 'Rentabilidad desactivada') + ' para ' + p?.nombre, 'var(--azul)'); } function renderCalcAdmin() { const el=document.getElementById('calc-admin-personas'); if(!el) return; el.innerHTML=[...S.personas].sort((a,b)=>a.nombre.localeCompare(b.nombre,'es')).map(p=>{ const on=S.calcEnabled?.[p.id]===true; return `

${initials(p.nombre)}

${p.nombre}

${p.rol}

${on?'Activa':'Inactiva'}

`; }).join(''); } function toggleCalcPersona(id) { if(!S.calcEnabled) S.calcEnabled={}; S.calcEnabled[id]=!(S.calcEnabled[id]===true); save(); renderCalcAdmin(); const p=S.personas.find(x=>x.id===id); toast((S.calcEnabled[id]?'Calculadora activada':'Calculadora desactivada')+' para '+p?.nombre,'var(--azul)'); } function renderTarifasAdmin() { ['proyecto','cuenta'].forEach(tipo=>{ const t=S.calcTarifas[tipo]; const el=document.getElementById('tarifas-cargos-'+tipo); if(el) el.innerHTML=t.cargos.map(c=>`

${c.nombre} $

`).join(''); ['gastosAdmin','rentabilidad','imprevistos'].forEach(k=>{ const inp=document.getElementById('tarifa-'+tipo+'-'+k); if(inp) inp.value=(t[k]*100).toFixed(1); }); }); } function updateTarifa(tipo,id,val) { const v=parseFloat(val)||0; const c=S.calcTarifas[tipo].cargos.find(x=>x.id===id); if(c){c.valorHora=v;save();toast('Tarifa actualizada','var(--azul)');} if(document.getElementById('view-calc')?.classList.contains('active')){calcRenderCargos();calcActualizar();} } function updateMargen(tipo,campo,val) { S.calcTarifas[tipo][campo]=parseFloat(val)/100||0; save(); toast('Margen actualizado','var(--azul)'); if(document.getElementById('view-calc')?.classList.contains('active')){calcRenderMargenes();calcActualizar();} } // ── EDICIÓN DE CONSULTORES ──────────────────────────────────────────────── function abrirEditModal(id) { const p = S.personas.find(x => x.id === id); if(!p) return; document.getElementById('edit-p-id').value = p.id; document.getElementById('edit-p-name').value = p.nombre; document.getElementById('edit-p-rol').value = p.rol || ''; document.getElementById('edit-p-email').value = p.email || ''; document.getElementById('edit-persona-modal').style.display = 'flex'; setTimeout(() => document.getElementById('edit-p-name').focus(), 80); } function cerrarEditModal() { document.getElementById('edit-persona-modal').style.display = 'none'; } function guardarEditPersona() { const id = document.getElementById('edit-p-id').value; const nombre = document.getElementById('edit-p-name').value.trim(); const rol = document.getElementById('edit-p-rol').value.trim(); const email = document.getElementById('edit-p-email').value.trim().toLowerCase(); if(!nombre) { toast('El nombre no puede estar vacío', '#e53e3e'); return; } if(!email || !email.includes('@')) { toast('Correo corporativo inválido', '#e53e3e'); return; } // Check email uniqueness (exclude current person) const duplicate = S.personas.find(x => x.id !== id && (x.email||'').toLowerCase() === email); if(duplicate) { toast('Ese correo ya está asignado a ' + duplicate.nombre, '#e53e3e'); return; } const p = S.personas.find(x => x.id === id); if(!p) return; p.nombre = nombre; p.rol = rol || p.rol; p.email = email; save(); cerrarEditModal(); renderAdmin(); toast('✓ Datos de ' + nombre + ' actualizados'); } // ── RENTABILIDAD ───────────────────────────────────────────────────────────── let rentTipoActivo = 'cuenta'; // 'proyecto' | 'cuenta' function rentTipo(t) { rentTipoActivo = t; document.getElementById('rent-btn-proyecto')?.classList.toggle('active', t==='proyecto'); document.getElementById('rent-btn-cuenta')?.classList.toggle('active', t==='cuenta'); const badge = document.getElementById('rent-tarifa-badge'); if(badge) badge.innerHTML = 'Tarifas ' + (t==='proyecto'?'Proyecto corto':'Contrato largo plazo') + ' - Activar cargos e ingresar horas'; // Rebuild all chip rows with new tariffs if(S.rentabilidad && S.rentabilidad.clientes) { S.rentabilidad.clientes.forEach(function(c) { var wrap = document.getElementById('rent-tags-'+c.id); if(wrap) wrap.innerHTML = buildCargoChips(c.id, c); recalcNumeros(c.id); }); updateKpisRent(); updateTotalesRent(); } } // Valores hora fijos según cuadro de cotización (tarifas proyecto) // Las horas al mes por cargo las define el admin para cada cliente // CARGOS_RENT_BASE — valores base (proyecto), se sobreescriben con rentTipoActivo const CARGOS_RENT_BASE = [ {id:'dir_est', nombre:'Director Estratégico', inicial:'D.E.', valorHora:758000}, {id:'dir_area', nombre:'Director de Área', inicial:'D.A.', valorHora:642000}, {id:'ger_cta', nombre:'Gerente de Cuenta', inicial:'GdC', valorHora:525000}, {id:'cons_sr', nombre:'Consultor Senior', inicial:'C.Sr.', valorHora:409000}, {id:'cons_jr', nombre:'Consultor Junior', inicial:'C.Jr.', valorHora:239000}, {id:'dir_cre', nombre:'Gerente Creativo', inicial:'D.Cr.', valorHora:305000}, {id:'dis_sr', nombre:'Diseñador Sr', inicial:'Ds.Sr', valorHora:234000}, {id:'dis_jr', nombre:'Diseñador Jr', inicial:'Ds.Jr', valorHora:117000} ]; // Returns cargos with valorHora based on rentTipoActivo (proyecto or cuenta) function getCargosRentActivos() { const tipo = (S.calcTarifas && S.calcTarifas[rentTipoActivo]) ? rentTipoActivo : 'proyecto'; const tarifa = S.calcTarifas[tipo]; if(!tarifa || !tarifa.cargos) return CARGOS_RENT_BASE; return CARGOS_RENT_BASE.map(function(base) { const tc = tarifa.cargos.find(function(c){ return c.id === base.id; }); return { id: base.id, nombre: base.nombre, inicial: base.inicial, valorHora: tc ? tc.valorHora : base.valorHora }; }); } // Mapeo de rol de persona → id de cargo en CARGOS_RENT_BASE // El admin puede ajustar esto desde Administración en el futuro const ROL_CARGO_MAP = { // Director Estratégico 'director estratégico': 'dir_est', 'director estrategico': 'dir_est', 'strategic director': 'dir_est', 'director estrategica': 'dir_est', // Director de Área 'director de área': 'dir_area', 'director de area': 'dir_area', 'director área': 'dir_area', 'director area': 'dir_area', 'directora de área': 'dir_area', 'directora de area': 'dir_area', // Gerente de Cuenta 'gerente de cuenta': 'ger_cta', 'gerente de cuentas': 'ger_cta', 'account manager': 'ger_cta', // Consultor Senior 'consultor senior': 'cons_sr', 'consultora senior': 'cons_sr', 'senior consultant': 'cons_sr', 'strategist': 'cons_sr', 'senior strategist': 'cons_sr', 'consultor': 'cons_sr', // Consultor Junior 'consultor junior': 'cons_jr', 'consultora junior': 'cons_jr', 'junior consultant': 'cons_jr', // Gerente Creativo / Gerente Creativo 'gerente creativo': 'dir_cre', 'directora creativa': 'dir_cre', 'creative director': 'dir_cre', 'gerente creativo': 'dir_cre', 'gerente creativa': 'dir_cre', 'creative manager': 'dir_cre', // Diseñador Sr 'diseñador sr': 'dis_sr', 'diseñadora sr': 'dis_sr', 'diseñador senior': 'dis_sr', 'senior designer': 'dis_sr', 'diseñador': 'dis_sr', // Diseñador Jr 'diseñador jr': 'dis_jr', 'diseñadora jr': 'dis_jr', 'diseñador junior': 'dis_jr', 'junior designer': 'dis_jr', // Director de Asuntos Públicos → mismo valor que Director Estratégico 'director de asuntos públicos': 'dir_est', 'director de asuntos publicos': 'dir_est', 'director asuntos públicos': 'dir_est', 'director asuntos publicos': 'dir_est', 'director de aapp': 'dir_est', 'director aapp': 'dir_est', // Director de Comunicaciones Corporativas → mismo valor que Director Estratégico 'director de comunicaciones corporativas': 'dir_est', 'director comunicaciones corporativas': 'dir_est', 'director de comunicaciones': 'dir_est', 'director de com. corp.': 'dir_est', // Chief of Staff → mismo valor que Gerente de Cuenta 'chief of staff': 'ger_cta', 'chief of staff cos': 'ger_cta', 'cos': 'ger_cta', }; function getCargoIdDeRol(rol) { if(!rol) return null; const key = rol.trim().toLowerCase(); // Exact match if(ROL_CARGO_MAP[key]) return ROL_CARGO_MAP[key]; // Partial match for(const k in ROL_CARGO_MAP) { if(key.includes(k) || k.includes(key)) return ROL_CARGO_MAP[k]; } return null; } // Horas registradas este mes por cargo para una cuenta // Retorna: { [cargoId]: horasTotal } function horasPorCargoCliente(nombreCliente) { const now = new Date(); const mesActual = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0'); const result = {}; S.registros.forEach(function(r) { if((r.cuenta||'').toLowerCase() !== nombreCliente.toLowerCase()) return; if(!r.fecha.startsWith(mesActual)) return; const persona = S.personas.find(function(p){ return p.id === r.personaId; }); if(!persona) return; const cargoId = getCargoIdDeRol(persona.rol); if(!cargoId) return; result[cargoId] = (result[cargoId] || 0) + r.horas; }); return result; } // Costo total de un cliente basado en los cargos ACTIVOS y sus horas registradas este mes function horasMonetizadasCliente(nombreCliente) { return { totalCosto: 0, desglose: [] }; // legacy, no usado } // Consultores activos en esta cuenta en el mes actual function consultoresActivosCliente(nombreCliente) { const now = new Date(); const mesActual = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0'); const personaIds = new Set(); S.registros.forEach(r => { if((r.cuenta||'').toLowerCase() !== nombreCliente.toLowerCase()) return; if(!r.fecha.startsWith(mesActual)) return; personaIds.add(r.personaId); }); return [...personaIds].map(id => S.personas.find(p=>p.id===id)).filter(Boolean); } function copCurrency(n) { return '$' + Math.round(n).toLocaleString('es-CO'); } function setTipoContratoCliente(clienteId, tipo) { var c = S.rentabilidad.clientes.find(function(x){ return x.id===clienteId; }); if(!c) return; c.tipoContrato = tipo; save(); // Update tipo button visuals in place var rowEl = document.getElementById('rent-row-' + clienteId); if(rowEl) { var btns = rowEl.querySelectorAll('button[data-tipo]'); btns.forEach(function(btn) { var bTipo = btn.dataset.tipo; var isActive = bTipo === tipo; var isCuenta = bTipo === 'cuenta'; btn.style.borderColor = isActive ? (isCuenta ? '#01A0F1' : '#0c6480') : 'var(--border)'; btn.style.background = isActive ? (isCuenta ? 'rgba(1,160,241,.1)' : 'rgba(12,100,128,.1)') : '#f8fbfe'; btn.style.color = isActive ? (isCuenta ? '#01A0F1' : '#0c6480') : 'var(--text-muted)'; btn.textContent = (isActive ? '✓ ' : '') + (isCuenta ? 'Cuenta' : 'Proyecto'); }); // Update label var lbl = rowEl.querySelector('span[data-tipo-lbl]'); if(lbl) lbl.textContent = tipo === 'cuenta' ? 'Tarifas largo plazo' : 'Tarifas estándar'; } // Rebuild chips with new tariffs var wrap = document.getElementById('rent-tags-' + clienteId); if(wrap) wrap.innerHTML = buildCargoChips(clienteId, c); recalcNumeros(clienteId); updateKpisRent(); updateTotalesRent(); } function getCargosParaCliente(cliente) { var tipo = cliente.tipoContrato || 'cuenta'; if(S.calcTarifas && S.calcTarifas[tipo]) { var tarifa = S.calcTarifas[tipo]; return CARGOS_RENT_BASE.map(function(base) { var tc = tarifa.cargos.find(function(c){ return c.id === base.id; }); return { id: base.id, nombre: base.nombre, inicial: base.inicial, valorHora: tc ? tc.valorHora : base.valorHora }; }); } return CARGOS_RENT_BASE; } function costoCliente(cliente) { if(!cliente.cargos || !cliente.cargos.length) return 0; var cargos = getCargosParaCliente(cliente); return cliente.cargos.reduce(function(sum, cargoId) { var base = cargos.find(function(c){ return c.id === cargoId; }); if(!base) return sum; var horas = (cliente.horasCargos && cliente.horasCargos[cargoId]) || 0; return sum + (horas * base.valorHora); }, 0); } function estadoRent(diferencia) { if(diferencia >= 0) return {emoji:'🟢', label:'Rentable', color:'#22c55e', bg:'rgba(34,197,94,.08)'}; if(diferencia >= -2000000) return {emoji:'🟡', label:'Ajuste sugerido', color:'#f59e0b', bg:'rgba(245,158,11,.08)'}; return {emoji:'🔴', label:'Déficit', color:'#ef4444', bg:'rgba(239,68,68,.08)'}; } function sincronizarClientesRent() { if(!S.rentabilidad) S.rentabilidad = {clientes:[]}; if(!S.rentabilidad.clientes) S.rentabilidad.clientes = []; const cuentas = [...S.cuentas].sort((a,b)=>a.localeCompare(b,'es')); // Remove clients that no longer exist in S.cuentas (force, no confirm) const antes = S.rentabilidad.clientes.length; S.rentabilidad.clientes = S.rentabilidad.clientes.filter(function(c) { return cuentas.find(function(n){ return n.toLowerCase()===c.nombre.toLowerCase(); }); }); // Add missing cuentas let agregados = 0; cuentas.forEach(function(nombre) { const existe = S.rentabilidad.clientes.find(function(c){ return c.nombre.toLowerCase()===nombre.toLowerCase(); }); if(!existe) { S.rentabilidad.clientes.push({ id: uid(), nombre: nombre, fee: 0, cargos: [], horasCargos: {}, tipoContrato: 'cuenta' }); agregados++; } }); const eliminados = antes - (S.rentabilidad.clientes.length - agregados); save(); renderRentabilidad(); if(agregados===0 && eliminados===0) toast('✓ Sincronizado con Administración', 'var(--azul)'); else toast('✓ ' + agregados + ' agregado' + (agregados!==1?'s':'') + (eliminados>0?', '+eliminados+' eliminado'+(eliminados!==1?'s':''):''), 'var(--azul)'); } function eliminarClienteRent(id) { if(!confirm('¿Eliminar este cliente del monitor de rentabilidad?')) return; S.rentabilidad.clientes = S.rentabilidad.clientes.filter(function(c){ return c.id!==id; }); save(); renderRentabilidad(); toast('Cliente eliminado','#e53e3e'); } function updateFeeRent(id, val) { const c = S.rentabilidad.clientes.find(function(x){ return x.id===id; }); if(!c) return; c.fee = parseInt(val.toString().replace(/[^0-9]/g,''), 10) || 0; save(); recalcNumeros(id); updateKpisRent(); updateTotalesRent(); } function toggleCargoRent(clienteId, cargoId) { const c = S.rentabilidad.clientes.find(function(x){ return x.id===clienteId; }); if(!c) return; if(!c.cargos) c.cargos = []; if(!c.horasCargos) c.horasCargos = {}; const idx = c.cargos.indexOf(cargoId); if(idx >= 0) { c.cargos.splice(idx, 1); delete c.horasCargos[cargoId]; } else { c.cargos.push(cargoId); } save(); // Rebuild chips in place const wrap = document.getElementById('rent-tags-' + clienteId); if(wrap) wrap.innerHTML = buildCargoChips(clienteId, c); recalcNumeros(clienteId); updateKpisRent(); updateTotalesRent(); } function updateHorasCargo(clienteId, cargoId, val) { const c = S.rentabilidad.clientes.find(function(x){ return x.id===clienteId; }); if(!c) return; if(!c.horasCargos) c.horasCargos = {}; c.horasCargos[cargoId] = parseFloat(val) || 0; save(); // Update cost label inline const base = CARGOS_RENT_BASE.find(function(x){ return x.id===cargoId; }); const costoEl = document.getElementById('rent-chip-costo-' + clienteId + '-' + cargoId); if(costoEl && base) { const horas = c.horasCargos[cargoId] || 0; costoEl.textContent = horas > 0 ? copCurrency(horas * base.valorHora) : ''; } recalcNumeros(clienteId); updateKpisRent(); updateTotalesRent(); } function recalcNumeros(clienteId) { const c = S.rentabilidad.clientes.find(function(x){ return x.id===clienteId; }); if(!c) return; const costo = costoCliente(c); const diferencia = c.fee - costo; const est = estadoRent(diferencia); const costoEl = document.getElementById('rent-costo-' + clienteId); const difEl = document.getElementById('rent-dif-' + clienteId); const estEl = document.getElementById('rent-est-' + clienteId); const cntEl = document.getElementById('rent-cnt-' + clienteId); if(costoEl) costoEl.textContent = copCurrency(costo); if(difEl) { difEl.textContent = copCurrency(diferencia); difEl.style.color = diferencia>=0?'#22c55e':'#ef4444'; } if(estEl) estEl.innerHTML = buildEstadoBadge(est); if(cntEl) cntEl.textContent = c.cargos.length + ' cargo' + (c.cargos.length!==1?'s':''); // Update left border color const rowEl = document.getElementById('rent-row-' + clienteId); if(rowEl) { const bar=rowEl.querySelector('.rent-bar'); if(bar) bar.style.background=est.color; } } function buildEstadoBadge(est) { return '' + est.emoji + ' ' + est.label + ''; } // Construye los chips de cargos (activables) con input de horas function buildCargoChips(clienteId, cliente, readOnly) { var isReadOnly = readOnly || (CU && !CU.isAdmin); var cargosActivos = cliente.cargos || []; var horasCargos = cliente.horasCargos || {}; var cargosActuales = getCargosParaCliente(cliente); return cargosActuales.map(function(cargo) { var on = cargosActivos.includes(cargo.id); var horas = horasCargos[cargo.id] || 0; var costo = (on && horas > 0) ? copCurrency(horas * cargo.valorHora) : ''; var tip = cargo.nombre + ' - ' + copCurrency(cargo.valorHora) + '/h'; var cid = clienteId; var gid = cargo.id; if (on) { var costoSpan = '' + costo + ''; var chip = '

'; chip += '' + cargo.inicial + ''; chip += '

'; chip += ''; chip += 'h'; chip += costoSpan; chip += '

'; return chip; } else { return '

' + cargo.inicial + '

'; } }).join(''); } // Alias backward compat function buildCargoTags(clienteId, cliente) { return buildCargoChips(clienteId, cliente); } function buildPersonasChips(nombre) { return ''; } function updateTotalesRent() { if(!S.rentabilidad || !S.rentabilidad.clientes || !S.rentabilidad.clientes.length) return; const cls = S.rentabilidad.clientes; const totalFee = cls.reduce(function(s,c){ return s+c.fee; }, 0); const totalCosto = cls.reduce(function(s,c){ return s+costoCliente(c); }, 0); const totalDif = totalFee - totalCosto; const estTot = estadoRent(totalDif); const tfoot = document.getElementById('rent-tfoot'); if(!tfoot) return; tfoot.innerHTML = '' + 'TOTALES' + '' + cls.length + ' cliente' + (cls.length!==1?'s':'') + '' + '' + copCurrency(totalFee) + '' + '' + copCurrency(totalCosto) + '' + '' + copCurrency(totalDif) + '' + '' + buildEstadoBadge(estTot) + '' + '' + ''; } function updateKpisRent() { if(!S.rentabilidad || !S.rentabilidad.clientes) return; const cls = S.rentabilidad.clientes; const totalFee = cls.reduce(function(s,c){ return s+c.fee; }, 0); const totalCosto = cls.reduce(function(s,c){ return s+costoCliente(c); }, 0); const totalDif = totalFee - totalCosto; const rentables = cls.filter(function(c){ return (c.fee-costoCliente(c))>=0; }).length; const deficit = cls.filter(function(c){ return (c.fee-costoCliente(c))<-2000000; }).length; const el = document.getElementById('rent-kpis'); if(!el) return; const kpis = [ {label:'Fee total mensual', val:copCurrency(totalFee), color:'#01A0F1', sub:cls.length+' cliente'+(cls.length!==1?'s':'')}, {label:'Costo total equipo', val:copCurrency(totalCosto), color:'#0c6480', sub:'horas monetizadas'}, {label:'Diferencia neta', val:copCurrency(totalDif), color:totalDif>=0?'#22c55e':'#ef4444', sub:totalDif>=0?'Superávit':'Déficit'}, {label:'Clientes rentables', val:rentables+' / '+cls.length, color:'#22c55e', sub:deficit+' en déficit crítico'}, ]; el.innerHTML = kpis.map(function(k) { return '

' + '

' + k.label + '

' + '

' + k.val + '

' + '

' + k.sub + '

' + '

'; }).join(''); } function renderRentabilidad() { if(!S.rentabilidad) S.rentabilidad = {clientes:[]}; if(!S.rentabilidad.clientes) S.rentabilidad.clientes = []; var isAdminView = CU && CU.isAdmin; // Show/hide admin-only elements document.querySelectorAll('.rent-admin-only').forEach(function(el) { el.style.display = isAdminView ? '' : 'none'; }); updateKpisRent(); var badge = document.getElementById('rent-tarifa-badge'); if(badge) badge.innerHTML = isAdminView ? 'Activar cargos por cliente e ingresar horas - Solo admin puede editar' : '👁 Vista informativa — solo el administrador puede editar esta sección'; var tbody = document.getElementById('rent-tbody'); var tfoot = document.getElementById('rent-tfoot'); if(!tbody) return; var sorted = S.rentabilidad.clientes.slice().sort(function(a,b){ return a.nombre.localeCompare(b.nombre,'es'); }); if(!sorted.length) { tbody.innerHTML = '

chart

No hay clientes sincronizados

Agrega cuentas en Administracion y haz clic en Sincronizar clientes

'; if(tfoot) tfoot.innerHTML = ''; return; } tbody.innerHTML = sorted.map(function(c, i) { var costo = costoCliente(c); var diferencia = c.fee - costo; var est = estadoRent(diferencia); var rowBg = i%2===0 ? '#fff' : '#f8fbfe'; var feeDisplay = c.fee > 0 ? c.fee.toLocaleString('es-CO') : ''; var cargosCount = c.cargos && c.cargos.length ? c.cargos.length + ' cargo' + (c.cargos.length!==1?'s':'') : 'Sin cargos'; var difColor = diferencia >= 0 ? '#22c55e' : '#ef4444'; var row = ''; // Col 1: Nombre + tipo botones + chips var tipoC = c.tipoContrato || 'cuenta'; row += ''; // Fila 1: nombre con barra de color row += '

'; row += '

' + c.nombre + '

'; row += '

'; // Fila 2: tipo (editable para admin, badge informativo para consultor) var cuentaOn = tipoC==='cuenta'; var proyOn = tipoC==='proyecto'; if(isAdminView) { row += '

'; row += ''; row += ''; row += '' + (cuentaOn?'Tarifas largo plazo':'Tarifas estándar') + ''; row += '

'; } else { // Read-only badge row += '

'; row += '' + (cuentaOn?'🤝 Cuenta':'📄 Proyecto') + ''; row += '' + (cuentaOn?'Tarifas largo plazo':'Tarifas estándar') + ''; row += '

'; } // Fila 3: chips de cargos row += '

'; row += buildCargoChips(c.id, c); row += '

'; // Col 2: Fee — editable for admin, read-only display for consultant row += ''; if(isAdminView) { row += '

'; row += '$'; row += ''; row += '

'; } else { row += '' + (c.fee > 0 ? copCurrency(c.fee) : '—') + ''; } row += ''; // Col 3: Horas monetizadas row += ''; row += '' + copCurrency(costo) + ''; row += '

' + cargosCount + '

'; // Col 4: Diferencia row += ''; row += '' + copCurrency(diferencia) + ''; // Col 5: Estado row += ''; row += buildEstadoBadge(est) + ''; // Col 6: Eliminar (admin only) row += ''; row += ''; row += ''; return row; }).join(''); updateTotalesRent(); } // ── INIT ────────────────────────────────────────────────────────────────────── initApp();