WebSVN – SmartDukaan – Diff – /trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/beat-journey.vm

   .ps-no{background:#fff0f0;color:#e03131}
   .meter{display:inline-block;width:54px;height:7px;border-radius:4px;background:#eef1f6;vertical-align:middle;margin-left:7px;overflow:hidden}
   .meter > i{display:block;height:100%;border-radius:4px}
   .warnflag{color:var(--orange);font-weight:700}
   .badflag{color:var(--red);font-weight:700}
+  .leavebtn{border:1px solid #ffd8a8;background:#fff4e6;color:#e8590c;font-weight:650;font-size:11px;padding:2px 9px;border-radius:6px;cursor:pointer;white-space:nowrap}
+  .leavebtn:hover{background:#ffe8cc}
+  .leavebtn:disabled{opacity:.6;cursor:default}
   .rowwarn{background:#fff9f0}
   .rowbad{background:#fff5f5}
   .bstat{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
   .bstat.ok{background:#ebfbee;color:#2f9e44}
   .bstat.warn{background:#fff4e6;color:#e8590c}
 function leakbox(t, v, color){ return '<div class="leakbox"><div class="lt">'+t+'</div><div class="lv"'+(color?' style="color:'+color+'"':'')+'>'+num(v)+'</div></div>'; }
 function renderToday(d){
   var k=d.kpis, f=d.funnel, s=d.stops, a=d.attention;
   window._canApprove = !!d.canApprove;
+  window._canMarkLeave = !!d.canMarkLeave;
   window._mediaUrl = d.mediaUrl || window._mediaUrl || '';
   window._board = d.board || [];          // funnel drill-down filters this
   window._boardDate = d.date || '';
   window._leadsList = d.leadsList || [];  // leads drill-down
   window._execList = d.execList || [];    // main-card drill-downs
 var CARD_META = {
   total:       {title:'Total Executives', desc:'Everyone in your team',        f:function(r){ return true; }},
   scheduled:   {title:'Scheduled PJP',     desc:'Executives with a beat today', f:function(r){ return r.hasBeat; }},
   agenda:      {title:'Agenda Filled',     desc:'Beats with the agenda filled', f:function(r){ return r.agendaFilled; },
                 dropLabel:'Agenda not filled (scheduled)', drop:function(r){ return r.hasBeat && !r.agendaFilled; }},
-  unscheduled: {title:'Unscheduled',       desc:'No PJP scheduled today',       f:function(r){ return !r.hasBeat; }}
+  unscheduled: {title:'Unscheduled',       desc:'No PJP scheduled today',       f:function(r){ return !r.hasBeat && !r.onLeave; }}
 };
 // Renders an executive roster table (used by the card drill-downs).
 function execRows(list, date){
   if(!list.length) return '<p class="desc">None.</p>';
   var h='<table><thead><tr><th>Executive</th><th>Beat</th><th>Agenda</th><th>Status</th></tr></thead><tbody>';
   list.forEach(function(r){
     var A=r.userId+",'"+js(r.name)+"','"+date+"'";
     var go = r.userId ? ' class="clickable" onclick="openExec('+A+')"' : '';
     var agenda = !r.hasBeat ? '<span style="color:#97a1b5">&mdash;</span>'
       : (r.agendaFilled ? '<span style="color:#2f9e44">&#10003;</span>' : '<span class="badflag">&#10007;</span>');
+    // Unscheduled execs can be marked on leave (manager / super-user only; server-enforced).
+    var leaveBtn = (window._canMarkLeave && r.authUserId && !r.hasBeat && !r.onLeave)
+      ? ' <button class="leavebtn" onclick="event.stopPropagation();markLeave('+r.authUserId+",'"+js(r.name)+"',this)\">Mark leave</button>" : '';
     h+='<tr'+go+'>'+
        '<td><b>'+esc(r.name)+'</b></td>'+
        '<td>'+esc(r.beatName||'-')+'</td>'+
        '<td style="text-align:center">'+agenda+'</td>'+
-       '<td>'+esc(r.statusLabel||'')+'</td></tr>';
+       '<td>'+esc(r.statusLabel||'')+leaveBtn+'</td></tr>';
   });
   return h+'</tbody></table>';
+}
 function openCards(key){
   var m=CARD_META[key]; if(!m) return;
       else closeModal();
     })
     .catch(function(){ btn.disabled=false; btn.textContent='Approve'; alert('Approve failed (not authorised, or server error).'); });
+}
+// Mark an unscheduled executive on leave for the board date. Manager / super-user only
+// (server-enforced). Optimistically drops them from the Unscheduled list on success.
+function markLeave(authUserId, name, btn){
+  if(!authUserId) return;
+  var reason = prompt('Mark '+name+' on leave for '+(window._boardDate||'today')+'?\nOptional reason:', '');
+  if(reason===null) return;   // cancelled
+  btn.disabled=true; btn.textContent='Marking…';
+  var body='authUserId='+authUserId+'&date='+encodeURIComponent(window._boardDate||'')+'&reason='+encodeURIComponent(reason||'');
+  fetch(CTX+'/beat-journey/mark-leave',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:body})
+    .then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.json(); })
+    .then(function(){
+      (window._execList||[]).forEach(function(x){ if(x.authUserId===authUserId){ x.onLeave=true; x.statusLabel='On leave'; } });
+      openCards('unscheduled');   // re-render (row now filtered out of Unscheduled)
+      loadToday();                // refresh KPI tiles / counts in the background
+    })
+    .catch(function(){ btn.disabled=false; btn.textContent='Mark leave'; alert('Could not mark leave (not authorised, or server error).'); });
+}
 /* ============================ PERIOD ============================ */
 function loadPeriod(){
   spinner();
   var u = BASE + '/data?startDate=' + encodeURIComponent(el('bj-start').value) + '&endDate=' + encodeURIComponent(el('bj-end').value) + qs();
   fetch(u, {headers:{'Accept':'application/json'}})

Subversion Repositories SmartDukaan

(root)/trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/beat-journey.vm – Rev 37044 → 37060