WebSVN – SmartDukaan – Diff – //trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/lms-dashboard-standalone.vm

   .fstep .fn{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:700}
   .fstep .fv{font-size:24px;font-weight:770;margin-top:6px}
   .fstep .fbar{height:5px;border-radius:3px;margin-top:9px;background:linear-gradient(90deg,var(--navy),var(--brand))}
   .fstep .drop{font-size:10.5px;color:var(--red);margin-top:6px;font-weight:600}
   .fstep .keep{font-size:10.5px;color:var(--good);margin-top:6px;font-weight:600}
+  .fstep .fcap[data-drop]{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}
+  .fstep .fcap[data-drop]:hover{text-decoration-style:solid}
   .fstep .arrow{position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;color:#c5cce0;font-size:14px}
   /* table */
   table{width:100%;border-collapse:collapse;font-size:13px}
   th,td{text-align:left;padding:9px 9px;border-bottom:1px solid var(--line2)}
     <div class="search">
       <span class="si">&#128269;</span>
       <input id="lmsSearch" placeholder="Search LMS ID, business, phone, retailer…  e.g. LMS-UPW-26-000123">
       <span class="hint">/ to focus</span>
     </div>
+    #if($canCreateLead)
     <button class="abtn coral" onclick="window.open(CTX+'/getOpenLead','_blank')">+ New Lead</button>
+    #end
     <div class="role">
       <div class="av" title="Signed in as $!viewerName">$!viewerInitials</div>
       <div class="who"><b>$!viewerName</b><br><span>$!viewerRole</span></div>
     </div>
   </div>
   function renderFunnel(funnel){
     var byStage={}; funnel.forEach(function(s){ byStage[s.stage]=s; });
     // First box is every lead created in the period (server key ALL) -- not the NEW stage, which is
     // the "New" KPI card. BEAT_PLANNED / VISITED / ONBOARDED are evidence-derived on the server.
     var seq=[['ALL','All leads'],['ASSIGNED','Assigned'],['CONTACTED','Contacted'],['QUALIFIED','Qualified'],['BEAT_PLANNED','Beat planned'],['VISITED','Visited'],['ONBOARDED','Onboarded']];
-    var h=''; var prev=null;
+    var h=''; var prev=null, prevKey=null;
     seq.forEach(function(p,idx){ var s=byStage[p[0]]; if(!s) return; var last=(idx===seq.length-1);
+      // Leads that fell out between the previous box and this one: at the previous stage exactly,
+      // or -- for the first gap -- anything in scope that never reached ASSIGNED (still NEW, or
+      // closed as NOT_INTERESTED / DROPPED). Same buckets the drill endpoint already understands.
+      var dropKey = prevKey===null ? '' : (prevKey==='ALL' ? 'NEW,NOT_INTERESTED,DROPPED' : prevKey);
+      var dropAttr = dropKey ? ' data-drop="'+esc(dropKey)+'" data-droplabel="'+esc('Dropped before '+p[1])+'" title="Open the leads that did not reach '+esc(p[1])+'"' : '';
       var cap; if(idx===0){ cap='<div class="keep">created</div>'; }
-      else if(last){ cap='<div class="keep">'+s.pct+'% conversion</div>'; }
+      else if(last){ var dropL=prev?prev.count-s.count:0;
+        cap='<div class="keep"><span class="fcap"'+dropAttr+'>'+s.pct+'% conversion'+(dropL>0?(' · &minus;'+fmtInt(dropL)):'')+'</span></div>'; }
+      else { var drop=prev?prev.count-s.count:0;
-      else { var drop=prev?prev.count-s.count:0; cap=drop>0?('<div class="drop">&minus;'+fmtInt(drop)+'</div>'):('<div class="keep">'+s.pct+'%</div>'); }
+        cap=drop>0?('<div class="drop"><span class="fcap"'+dropAttr+'>&minus;'+fmtInt(drop)+'</span></div>')
+                  :('<div class="keep"><span class="fcap"'+dropAttr+'>'+s.pct+'%</span></div>'); }
       h+='<div class="fstep" data-stage="'+p[0]+'" data-label="'+esc(p[1])+'"><div class="fn">'+esc(p[1])+'</div><div class="fv">'+fmtInt(s.count)+'</div>'+
         '<div class="fbar" style="width:'+Math.max(s.pct,3)+'%"></div>'+cap+(last?'':'<span class="arrow">&#10148;</span>')+'</div>';
-      prev=s; });
+      prev=s; prevKey=p[0]; });
     byId('ccFunnel').innerHTML=h||'<div class="ph">No leads in scope.</div>';
+  }
   // ---- Lead pipeline: filtered, sorted and paged on the server ------------------------------
   // PIPE.q is the search term. While it is set the date filter does not apply — a search hunts for
     var la=e.target.closest('tr[data-liveagent]');
     if(la){ openAgentCalls(parseInt(la.getAttribute('data-liveagent'),10)); return; }
     var th=e.target.closest('th.sortable'); if(th){ pipeSort(th.getAttribute('data-sort')); return; }
     var kpi=e.target.closest('.kpi[data-kpi]'); if(kpi){ var b=kpiBucket(kpi.getAttribute('data-kpi'));
       drill('Command Center',kpi.querySelector('.label').textContent,'KPI drill',b[0],b[1]); return; }
+    var fc=e.target.closest('.fcap[data-drop]'); if(fc){ var dk=fc.getAttribute('data-drop');
+      drill('Lifecycle funnel',fc.getAttribute('data-droplabel'),'At the previous step, never reached this one',
+            dk.indexOf(',')>=0?'STAGE_IN':'STAGE',dk); return; }
     var fs=e.target.closest('.fstep[data-stage]'); if(fs){ var st=fs.getAttribute('data-stage');
       drill('Lifecycle funnel',fs.getAttribute('data-label'),'Reached this stage',st==='ALL'?'ALL':'STAGE_REACHED',st==='ALL'?'':st); return; }
     var att=e.target.closest('.att[data-att]'); if(att){ drill('Needs attention',att.getAttribute('data-attt'),'Attention queue','ATTENTION',att.getAttribute('data-att')); return; }
     var reg=e.target.closest('tr[data-region]'); if(reg){ drill('State funnel',reg.getAttribute('data-rn'),'Region '+reg.getAttribute('data-region'),'REGION',reg.getAttribute('data-region')); return; }
     var rep=e.target.closest('tr[data-rep]'); if(rep){ openReport(rep.getAttribute('data-rep')); return; }

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/lms-dashboard-standalone.vm – Rev 37760 → 37783