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

   h+='<div class="sectionlabel">Today\'s Journey Funnel</div><div class="card"><div class="funnel">';
   var sp=f.scheduledPjp||1, pin=f.punchedIn||1;
   h+=fstep('Punched In',f.punchedIn,pct(f.punchedIn,sp),f.punchedIn+' of '+f.scheduledPjp+' scheduled',false,false,'punchedIn');
   h+=fstep('Traveling',f.travelling,pct(f.travelling,pin),'on the road',false,false,'travelling');
   h+=fstep('In Store',f.inStore,pct(f.inStore,pin),'at a stop',false,false,'inStore');
-  h+=fstep('Idle / Break',f.idle,pct(f.idle,pin),'off-store &gt; 40 min',true,false,'idle');
+  h+=fstep('Idle / Break',f.idle,pct(f.idle,pin),'&lt; 1 km in 15 min',true,false,'idle');
   h+=fstep('Punched Out',f.punchedOut,pct(f.punchedOut,pin),'journey ended',false,true,'punchedOut');
   h+='</div></div>';
   window._boardFilter = null;             // funnel-card filter (null = all rows)
   h+='<div class="card"><h2>Live executive board</h2><p class="desc">Each executive\'s journey right now. Click a row for the day\'s visit detail.</p><div id="bj-board">'+boardCard()+'</div></div>';
 function boardCounts(r){
   var completed=r.completedVisits||0, deferred=r.deferred||0;
   var total=Math.max(r.planned||0, completed+deferred);
   return {total:total, completed:completed, deferred:deferred, pending:total-completed-deferred};
+}
+// seconds -> compact "1h 20m" / "45m" for the board's time columns.
+function bhm(sec){ sec=Math.max(0,Math.round(sec||0)); var h=Math.floor(sec/3600), m=Math.round((sec%3600)/60); return h?(h+'h '+m+'m'):(m+'m'); }
 function boardTable(rows, date){
   if(!rows||!rows.length) return '<p class="desc">No executives scheduled or active for this date.</p>';
   var h='<div style="overflow-x:auto"><table><thead><tr>'+
     '<th>Agenda</th><th>Executive</th><th>Punch In/Out</th>'+
     '<th class="num" title="Planned partner visits + self-assigned leads">Total</th>'+
     '<th class="num">Completed</th><th class="num">Pending</th><th class="num">Deferred</th>'+
+    '<th class="num" title="Transit time between stops so far today">Transit</th>'+
+    '<th class="num" title="Time spent inside stores so far today">In-store</th>'+
     '<th>State</th><th>Action</th>'+
     '</tr></thead><tbody>';
   // column totals, computed up front so the Total row can lead the table
-  var t={total:0,completed:0,pending:0,deferred:0};
+  var t={total:0,completed:0,pending:0,deferred:0,transit:0,inStore:0};
   rows.forEach(function(r){
     var c=boardCounts(r);
     t.total+=c.total; t.completed+=c.completed; t.pending+=c.pending; t.deferred+=c.deferred;
+    t.transit+=(r.transitSecs||0); t.inStore+=(r.inStoreSecs||0);
   });
   h+='<tr class="boardtot">'+
      '<td></td><td><b>Total</b><br><span style="color:#97a1b5;font-size:11px">'+rows.length+' executives</span></td><td></td>'+
      '<td class="num cnt cmuted">'+t.total+'</td>'+
      '<td class="num cnt cgreen">'+t.completed+'</td>'+
      '<td class="num cnt">'+t.pending+'</td>'+
+     '<td class="num cnt camber">'+t.deferred+'</td>'+
+     '<td class="num cnt cmuted">'+bhm(t.transit)+'</td>'+
-     '<td class="num cnt camber">'+t.deferred+'</td><td></td><td></td>'+
+     '<td class="num cnt cmuted">'+bhm(t.inStore)+'</td><td></td><td></td>'+
      '</tr>';
   rows.forEach(function(r){
     var rowcls = r.state==='NOT_STARTED' ? 'rowbad' : (r.idleAway?'rowwarn':'');
     var A = r.userId+",'"+js(r.name)+"','"+date+"'";   // openExec args
     var go = 'onclick="openExec('+A+')"';
          ' <span style="color:#97a1b5;font-size:11px">/ '+(r.punchOutTime?esc(r.punchOutTime):'--')+'</span></td>'+
        '<td class="num cnt cmuted">'+c.total+'</td>'+
        '<td class="num cnt cgreen">'+c.completed+'</td>'+
        '<td class="num cnt">'+c.pending+'</td>'+
        '<td class="num cnt camber">'+c.deferred+'</td>'+
+       '<td class="num cnt cmuted">'+(r.transitSecs?bhm(r.transitSecs):'<span style="color:#c5cce0">&mdash;</span>')+'</td>'+
+       '<td class="num cnt cmuted">'+(r.inStoreSecs?bhm(r.inStoreSecs):'<span style="color:#c5cce0">&mdash;</span>')+'</td>'+
        '<td><span class="pill-state '+stateClass(r.state)+'">'+esc(r.stateLabel)+'</span></td>'+
        '<td style="white-space:nowrap" onclick="event.stopPropagation()">'+
          '<button class="actbtn map" title="Live location" onclick="openExec('+A+',\'map\')">&#128205;</button>'+
          '<button class="actbtn view" title="Journey detail" onclick="openExec('+A+')">&#128065;</button>'+
          (CAN_EDIT_BEAT
 // Funnel drill-down: each stage shows the executives who reached it AND the
 // drop-off cohort that fell out at this step (the "−N …" sub-line). Filters
 // mirror the backend funnel conditions exactly (rows carry the per-stage flags).
 var FUNNEL_META = {
   punchedIn:  {title:'Punched In',   desc:'Started the day (punch-in recorded)', f:function(r){ return r.punchedIn; }},
-  travelling: {title:'Traveling',    desc:'On the road between stops',           f:function(r){ return r.state==='TRAVELLING' && !r.idleAway; }},
+  travelling: {title:'Traveling',    desc:'On the road between stops',           f:function(r){ return r.state==='TRAVELLING'; }},
   inStore:    {title:'In Store',     desc:'Currently checked in at a stop',      f:function(r){ return r.state==='IN_STORE'; }},
-  idle:       {title:'Idle / Break', desc:'Between stops, idle off-store beyond the threshold', f:function(r){ return r.state==='TRAVELLING' && r.idleAway; }},
+  idle:       {title:'Idle / Break', desc:'Punched in but < 1 km covered in the last 15 min', f:function(r){ return r.state==='IDLE'; }},
   punchedOut: {title:'Punched Out',  desc:'Ended the day (punch-out recorded)',  f:function(r){ return r.punchedOut; }}
 };
 function funnelRows(list, date){
   if(!list.length) return '<p class="desc">None.</p>';
   var h='<table><thead><tr><th>Executive / Beat</th><th>Punch In/Out</th><th class="num">Completed</th><th class="num">Planned</th><th>State</th></tr></thead><tbody>';
   pModal('<button class="x" onclick="closeModal()">&times;</button><h3>'+esc(title)+'</h3>'+
     '<p class="desc">'+esc(desc)+' &middot; '+esc(pRange())+' &middot; click a row for the day-by-day</p>'+pScoreTable(rows));
+}
 function pScoreTable(rows){
   if(!rows.length) return '<p class="desc">No executives in scope.</p>';
+  var h='<table><thead><tr><th>Executive</th><th class="num">Plan</th><th class="num">Done</th><th class="num">Adher.</th>'+
+    '<th class="num" title="Avg lead visits per active (punched-in) day">Lead/day</th>'+
+    '<th class="num" title="Avg franchisee visits per active (punched-in) day">Fr/day</th>'+
-  var h='<table><thead><tr><th>Executive</th><th class="num">Plan</th><th class="num">Done</th><th class="num">Adher.</th><th class="num">Disc.</th><th class="num">Hrs</th><th class="num">Leads</th><th class="num">Geo&#9888;</th></tr></thead><tbody>';
+    '<th class="num">Disc.</th><th class="num">Hrs</th><th class="num">Leads</th><th class="num">Geo&#9888;</th></tr></thead><tbody>';
   rows.forEach(function(r){
     var c=adhColor(r.adherencePct);
     h+='<tr class="clickable" onclick="openExecPeriod('+r.authUserId+',\''+js(r.name)+'\')">'+
-       '<td><b>'+esc(r.name)+'</b> <span class="lvl">'+esc(r.level)+'</span></td>'+
+       '<td><span class="lvl">'+esc(r.level)+'</span> <b>'+esc(r.name)+'</b></td>'+
        '<td class="num">'+r.planned+'</td><td class="num">'+r.done+'</td>'+
        '<td class="num"><b style="color:'+c+'">'+r.adherencePct+'%</b></td>'+
+       '<td class="num">'+(r.avgLeadVisitsPerDay||'-')+'</td>'+
+       '<td class="num">'+(r.avgFranchiseeVisitsPerDay||'-')+'</td>'+
        '<td class="num'+(r.discussionMin>0&&r.discussionMin<10?' warnflag':'')+'">'+(r.discussionMin||'-')+(r.discussionMin?'m':'')+'</td>'+
        '<td class="num">'+r.workingHrs+'</td><td class="num">'+r.leads+'</td>'+
        '<td class="num'+(r.geoFlags>0?' badflag':'')+'">'+r.geoFlags+'</td></tr>';
   });
   return h+'</tbody></table>';

Subversion Repositories SmartDukaan

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