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

 </div>
 <!-- ============ TABS ============ -->
 <div class="tabbar">
   <div class="inner">
-    <button class="tab active" onclick="go('cmd',this)">Command Center</button>
+    <button class="tab active" data-screen="cmd" onclick="go('cmd',this)">Command Center</button>
-    <button class="tab" onclick="go('record',this)">Lead Record</button>
+    <button class="tab" data-screen="record" onclick="go('record',this)">Lead Record</button>
+    #if($canCreateLead)
-    <button class="tab" onclick="go('create',this)">Create Lead</button>
+    <button class="tab" data-screen="create" onclick="go('create',this)">Create Lead</button>
+    #end
-    <button class="tab" onclick="go('assign',this)">Auto-Assignment</button>
+    <button class="tab" data-screen="assign" onclick="go('assign',this)">Auto-Assignment</button>
-    <button class="tab" onclick="go('live',this)">Live Calls</button>
+    <button class="tab" data-screen="live" onclick="go('live',this)">Live Calls</button>
-    <button class="tab" onclick="go('dash',this)">Dashboards</button>
+    <button class="tab" data-screen="dash" onclick="go('dash',this)">Dashboards</button>
-    <button class="tab" onclick="go('chk',this)">Checklist</button>
+    <button class="tab" data-screen="chk" onclick="go('chk',this)">Checklist</button>
-    <button class="tab" onclick="go('audit',this)">Recordings &amp; Audit</button>
+    <button class="tab" data-screen="audit" onclick="go('audit',this)">Recordings &amp; Audit</button>
   </div>
 </div>
 <div class="wrap">
     </div>
     <div class="card">
         <h2 style="display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap">Lead pipeline
           <span style="display:flex;gap:6px;align-items:center">
+            <select id="pipeAgent" class="inp" style="font-size:12.5px;padding:7px 28px 7px 10px;width:190px" onchange="pipeAgentChanged()" title="Call Center user — leads they created or currently own">
+              <option value="">Call Center user…</option>
+            </select>
-            <input id="pipeQ" class="inp" style="width:230px;font-size:12.5px;padding:7px 10px"
+            <input id="pipeQ" class="inp" style="width:210px;font-size:12.5px;padding:7px 10px"
                    placeholder="Name, outlet, mobile, city, created by">
             <button class="btn ghost sm" onclick="pipeSearch()">Search</button>
             <button class="btn ghost sm hide" id="pipeClear" onclick="pipeClearSearch()">Clear</button>
           </span>
         </h2>
                 <option value="$sn">$sn</option>
               #end
             </select></div>
           <div class="fld"><label>Conversion probability</label>
             <select class="inp" id="cConversion"><option value="false" selected>Low</option><option value="true">High</option></select></div>
-          <div class="fld"><label>Counter size</label><input class="inp mono" id="cCounter" placeholder="Number of counters" inputmode="numeric"></div>
+          <div class="fld"><label>Counter size <span class="auto" id="cCounterHint">= brand total, editable</span></label>
+            <input class="inp mono" id="cCounter" placeholder="₹ per month" inputmode="numeric" oninput="counterEdited()"></div>
           <div class="fld full"><label>Remark</label><input class="inp" id="cRemark" placeholder="Anything the BM should know before the first call" maxlength="500"></div>
           <div class="fld full">
             <label>Store photos <span class="auto">optional — same five shots as the Leads screen</span></label>
             <div class="brandgrid" id="cPhotoGrid">
               <div class="brandcell"><span class="bname">Front</span><input type="file" accept="image/*" class="inp cphoto" data-photo="frontp"></div>
     <div class="grid g3">
       <div class="card">
         <h2>Region &rarr; BM/RSM mapping</h2>
         <p class="desc">The live routing table — resolved for each region right now.</p>
         <table>
-          <thead><tr><th>Region / State</th><th>Assigned BM / RSM</th><th>Status</th></tr></thead>
+          <thead><tr><th>Region / State</th><th>Assigned BM / RSM</th><th>Status</th><th></th></tr></thead>
-          <tbody id="assignMap"><tr><td colspan="3"><div class="ph">Resolving…</div></td></tr></tbody>
+          <tbody id="assignMap"><tr><td colspan="4"><div class="ph">Resolving…</div></td></tr></tbody>
         </table>
       </div>
       <div>
         <div class="card">
           <h2>Engine rules</h2>
     </div>
     <div class="mf"><button class="btn ghost" onclick="closeAssign()">Cancel</button></div>
   </div>
 </div>
+<div class="modal hide" id="rgnModal">
+  <div class="box">
+    <div class="mh"><h2>Region owner</h2>
+      <p class="desc" id="rgnWho">&mdash;</p></div>
+    <div class="mb">
+      <p class="desc" style="margin-bottom:8px">Pick the BM/RSM who should own this region. This writes the region's Sales L4 position, which the engine reads first; leads already assigned keep their owner.</p>
+      <input id="rgnSearch" class="inp" style="width:100%" placeholder="Filter by name, tier or region…" oninput="renderRegionOwnerList()">
+      <div id="rgnList" style="max-height:340px;overflow-y:auto;margin-top:10px"></div>
+    </div>
+    <div class="mf"><button class="btn ghost" onclick="closeRegionOwner()">Cancel</button></div>
+  </div>
+</div>
 <div class="toastwrap" id="toasts"></div>
 <script>
   var CTX = "${rc.contextPath}";
   var SEED = { summary:$summaryJson, state:$stateFunnelJson, heat:$slaHeatmapJson, ageing:$ageingJson };
   // ---- 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
   // one known retailer, and quietly scoping it to the selected month would report "not found" for a
   // lead that exists. The caption says which mode is in force so that is never a surprise.
-  var PIPE = { q:'', sort:'created', dir:'desc', page:1, pageSize:50, pages:1, total:0 };
+  var PIPE = { q:'', agentId:'', sort:'created', dir:'desc', page:1, pageSize:50, pages:1, total:0 };
+  // Call Center users for the pipeline filter. "Their" leads = created by them OR owned by them.
+  function loadCallCenterUsers(){
+    getJSON('/lms/dashboard/callcenter-users', function(d){
+      var sel=byId('pipeAgent'); if(!sel) return; var keep=sel.value;
+      var users=(d&&d.users)||[];
+      var h='<option value="">'+(users.length?'Call Center user…':'No Call Center users found')+'</option>';
+      users.forEach(function(u){ h+='<option value="'+u.authId+'">'+esc(u.name)+'</option>'; });
+      sel.innerHTML=h; sel.value=keep||'';
+    }, function(){ var sel=byId('pipeAgent'); if(sel) sel.innerHTML='<option value="">Call Center list unavailable</option>'; });
+  }
+  function pipeAgentChanged(){ PIPE.agentId=byId('pipeAgent').value||''; PIPE.page=1; loadPipeline(); }
+  function agentQs(){ return PIPE.agentId ? ('&agentId='+encodeURIComponent(PIPE.agentId)) : ''; }
   function loadPipeline(){
     byId('ccPipeline').innerHTML='<tr><td colspan="10"><div class="ph">Loading…</div></td></tr>';
     var p='/lms/dashboard/pipeline?page='+PIPE.page+'&pageSize='+PIPE.pageSize+
-          '&sort='+encodeURIComponent(PIPE.sort)+'&dir='+encodeURIComponent(PIPE.dir);
+          '&sort='+encodeURIComponent(PIPE.sort)+'&dir='+encodeURIComponent(PIPE.dir)+agentQs();
     if(PIPE.q){ p+='&q='+encodeURIComponent(PIPE.q);
                 if(STATE.regionId) p+='&regionId='+encodeURIComponent(STATE.regionId); }
     else { p+=qs(); }
     getJSON(p,function(d){
       d=d||{}; var rows=d.rows||[];
     if(asg){ e.preventDefault(); e.stopPropagation();
       openAssign(parseInt(asg.getAttribute('data-assign'),10), asg.getAttribute('data-assignname'),
                  asg.getAttribute('data-assignowner'), asg.getAttribute('data-assignregion')); return; }
     var pick=e.target.closest('[data-assignto]');
     if(pick){ assignTo(parseInt(pick.getAttribute('data-assignto'),10)); return; }
+    var rb=e.target.closest('[data-rgn]');
+    if(rb){ openRegionOwner(parseInt(rb.getAttribute('data-rgn'),10), rb.getAttribute('data-rgnlabel'), rb.getAttribute('data-rgnowner')); return; }
+    var rp=e.target.closest('[data-rgnpick]');
+    if(rp){ setRegionOwner(parseInt(rp.getAttribute('data-rgnpick'),10), rp.getAttribute('data-rgnname')); return; }
     var ed=e.target.closest('[data-editlead]');
     if(ed){ e.preventDefault(); e.stopPropagation();
       editLeadById(parseInt(ed.getAttribute('data-editlead'),10)); return; }
     var cb=e.target.closest('[data-call]');
     if(cb){ e.preventDefault(); e.stopPropagation();
     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; }
     var lead=e.target.closest('[data-leadid]'); if(lead){ var lid=lead.getAttribute('data-leadid');
       closeDrawer(); LOADED.record=true; byId('recLookup').value=lid; injectRecord(lid);
-      go('record',document.querySelectorAll('.tab')[1]); return; }
+      go('record',document.querySelector('.tab[data-screen="record"]')); return; }
   });
   // ---- filters
   function refresh(){ STATE.regionId=byId('fRegion').value||''; STATE.from=byId('fFrom').value||''; STATE.to=byId('fTo').value||'';
     getJSON('/lms/dashboard/summary?_=1'+qs(),renderSummary); loadPipeline();
   // ---- Export (SOP §18.1) -------------------------------------------------------------------
   // Exports what is on screen — the current filters, search and sort — rather than everything,
   // because an export that ignores the filters is a different report than the one being looked at.
   function exportPipeline(){
     var p='/lms/dashboard/pipeline?page=1&pageSize=500&sort='+encodeURIComponent(PIPE.sort)+
-          '&dir='+encodeURIComponent(PIPE.dir);
+          '&dir='+encodeURIComponent(PIPE.dir)+agentQs();
     if(PIPE.q){ p+='&q='+encodeURIComponent(PIPE.q); if(STATE.regionId) p+='&regionId='+encodeURIComponent(STATE.regionId); }
     else { p+=qs(); }
     toast('Preparing export…');
     getJSON(p,function(d){
       var rows=(d&&d.rows)?d.rows:[];
       if(REC && REC.id===ASG.leadId) reloadRecord();
       refresh();
     });
+  }
+  // ---- region owner (Auto-Assignment tab): add or change the BM/RSM behind a region -----------
+  var RGN={ regionId:null, label:'', current:'', people:[] };
+  function openRegionOwner(regionId,label,current){
+    RGN.regionId=regionId; RGN.label=label; RGN.current=current||'';
+    byId('rgnWho').innerHTML='<b>'+esc(label)+'</b> &middot; '+(current?('currently '+esc(current)):'vacant (HOLD)');
+    byId('rgnSearch').value=''; byId('rgnList').innerHTML='<div class="ph">Loading…</div>';
+    byId('rgnModal').classList.remove('hide');
+    getJSON('/lms/salespeople?regionId='+encodeURIComponent(regionId), function(d){
+      RGN.people=(d&&d.people)||[]; renderRegionOwnerList();
+    }, function(){ byId('rgnList').innerHTML='<div class="ph">Could not load the sales list.</div>'; });
+  }
+  function closeRegionOwner(){ byId('rgnModal').classList.add('hide'); }
+  function renderRegionOwnerList(){
+    var q=(byId('rgnSearch').value||'').trim().toLowerCase();
+    // One row per person: the tier they hold elsewhere is context, not a choice — the region
+    // always gets an L4 row so the engine's first lookup finds them.
+    var seen={}, list=[];
+    RGN.people.forEach(function(p){ if(seen[p.authId]) { if(p.coversRegion) seen[p.authId].coversRegion=true; return; }
+      var c={authId:p.authId,name:p.name,tier:p.tier,regions:(p.regions||[]).slice(),coversRegion:!!p.coversRegion}; seen[p.authId]=c; list.push(c); });
+    list=list.filter(function(p){ if(!q) return true;
+      return (p.name||'').toLowerCase().indexOf(q)>=0 || (p.tier||'').toLowerCase().indexOf(q)>=0 || (p.regions||[]).join(' ').toLowerCase().indexOf(q)>=0; });
+    list.sort(function(a,b){ if(a.coversRegion!==b.coversRegion) return a.coversRegion?-1:1; return (a.name||'').localeCompare(b.name||''); });
+    if(!list.length){ byId('rgnList').innerHTML='<div class="ph">Nobody matches. A person must already hold a sales position (L1–L5) to be offered here.</div>'; return; }
+    byId('rgnList').innerHTML=list.map(function(p){
+      return '<div class="asgrow'+(p.coversRegion?' covers':'')+'" data-rgnpick="'+p.authId+'" data-rgnname="'+esc(p.name)+'">'+
+        '<span class="tierpill">'+esc(p.tier)+'</span><span class="nm">'+esc(p.name)+'</span>'+
+        '<span class="rg">'+(p.coversRegion?'already covers this region · ':'')+esc((p.regions||[]).join(', ')||'no region')+'</span></div>'; }).join('');
+  }
+  function setRegionOwner(authId,name){
+    if(!RGN.regionId) return;
+    if(!confirm((RGN.current?('Change '+RGN.label+' from '+RGN.current+' to '+name+'?'):('Assign '+RGN.label+' to '+name+'?'))+'\n\nNew leads in this region will be routed to them.')) return;
+    postForm('/lms/region-owner',{regionId:RGN.regionId, authId:authId}, function(res){
+      var why=refusal(res); if(why){ toast(why); return; }
+      closeRegionOwner();
+      toast((res&&res.bmName?res.bmName:name)+' now owns '+RGN.label+(res&&res.previous?(' (was '+res.previous+')'):''),1);
+      buildAssign();
+    });
+  }
   // ---- checklist question management (CRUD) --------------------------------------------------
   var QADM = { questions:[], stages:[], editing:null };
   function loadQuestions(){
     byId('qBody').innerHTML='<tr><td colspan="8"><div class="ph">Loading…</div></td></tr>';
+  }
   function brandTotal(){
     var t=0; collectBrands().forEach(function(b){ t+=b.value; });
     var el=byId('cValueTotal');
     if(el) el.textContent='total '+(t>0?fmtMoney(t):'₹0');
+    syncCounter(t);
     return t;
+  }
+  // Counter size is the legacy name for the shop's monthly business in rupees (the Leads screen
+  // stored 10,00,000-style values there), so it follows the brand total until the agent overrides
+  // it by typing. Clearing the field hands it back to the sum.
+  var COUNTER_MANUAL=false;
+  function syncCounter(total){
+    var c=byId('cCounter'); if(!c) return;
+    if(COUNTER_MANUAL) return;
+    c.value = total>0 ? String(total) : '';
+    var h=byId('cCounterHint'); if(h) h.textContent='= brand total, editable';
+  }
+  function counterEdited(){
+    var c=byId('cCounter'); if(!c) return;
+    var v=(c.value||'').trim();
+    COUNTER_MANUAL = v.length>0;
+    var h=byId('cCounterHint');
+    if(h) h.textContent = COUNTER_MANUAL ? 'manual — clear to use brand total' : '= brand total, editable';
+    if(!COUNTER_MANUAL) syncCounter(brandTotal());
+  }
   function fmtMoney(n){
     if(n>=10000000) return '₹'+(n/10000000).toFixed(n%10000000?2:0)+'Cr';
     if(n>=100000)   return '₹'+(n/100000).toFixed(n%100000?2:0)+'L';
     if(n>=1000)     return '₹'+(n/1000).toFixed(n%1000?1:0)+'K';
     return '₹'+n;
     if(phone.length!==10){ toast('A valid 10-digit contact is required'); return; }
     if(!region){ toast('Pick a region'); return; }
     var address=val('cAddress').trim(), city=val('cCity').trim(), state=val('cState');
     if(address.length>128){ toast('Address is too long (128 max)'); return; }
     if(city.length>30){ toast('City is too long (30 max)'); return; }
-    var counter=parseInt((val('cCounter')||'').replace(/\D/g,''),10);
+    var counter=parseMoney(val('cCounter'));
+    if(counter>2147483647){ toast('Counter size is too large — enter rupees per month'); return; }
     // No address check on either path: the capture link is what establishes location, and it is
     // generated for every lead regardless of path. Address / city / state are kept when typed.
     var payload={ firstName:fn, mobile:phone, outletName:biz||'', source:val('cSource')||'LMS Dashboard',
       regionId:parseInt(region,10), creationPath:path,
       address:address, city:city, state:state||'',
         ['cRetailer','cBusiness','cContact','cAddress','cCity','cCounter','cRemark'].forEach(function(x){ var e=byId(x); if(e) e.value=''; });
         ['cState'].forEach(function(x){ var e=byId(x); if(e) e.value=''; });
         var cs=byId('cSource'); if(cs) cs.value='LMS Dashboard'; var cc=byId('cConversion'); if(cc) cc.value='false';
         document.querySelectorAll('#cBrandGrid .bval').forEach(function(el){ el.value=''; });
         document.querySelectorAll('#cPhotoGrid .cphoto').forEach(function(el){ el.value=''; });
-        brandTotal();
+        COUNTER_MANUAL=false; brandTotal();
         // Hand the capture link over immediately — the whole point of generating it on create is
         // that the agent is still on the call with the retailer.
         if(res.geoLink){
           if(navigator.clipboard && navigator.clipboard.writeText){
             prompt('Send this capture link to the retailer:', res.geoLink);
+          }
+        }
         byId('recLookup').value=res.leadId; injectRecord(res.leadId);
-        go('record',document.querySelectorAll('.tab')[1]); refresh(); })
+        go('record',document.querySelector('.tab[data-screen="record"]')); refresh(); })
       .catch(function(e){ CREATE_BUSY=false; toast(e&&e.message==='upload'?'A photo failed to upload — the lead was not created':'Create failed'); }); }
   // ====================== AUTO-ASSIGNMENT (real resolve per region) ======================
   function buildAssign(){ var opts=byId('cRegion').querySelectorAll('option'); var holdCount=0, assignedCount=0, pending=0;
     var body=byId('assignMap'); body.innerHTML='';
     // Rows are created up-front in region order, then filled in as each resolve lands — otherwise
     // the table would be ordered by whichever request happened to answer first.
     opts.forEach(function(o){ if(!o.value) return; pending++;
       var label=o.textContent;
       var tr=document.createElement('tr');
-      tr.innerHTML='<td><b>'+esc(label)+'</b></td><td colspan="2"><span class="ph">Resolving…</span></td>';
+      tr.innerHTML='<td><b>'+esc(label)+'</b></td><td colspan="3"><span class="ph">Resolving…</span></td>';
       body.appendChild(tr);
       function done(){ if(--pending===0){ renderAssignKpis(assignedCount,holdCount); } }
       getJSON('/lms/resolve-region?regionId='+encodeURIComponent(o.value),function(d){ d=d||{};
         var hold=(d.assignmentStatus==='HOLD' || !d.bmName);
         if(hold) holdCount++; else assignedCount++;
         tr.innerHTML='<td><b>'+esc(label)+'</b></td>'+
           '<td>'+(hold?'<span class="warnflag">— vacant —</span>':esc(d.bmName))+'</td>'+
-          '<td>'+(hold?'<span class="stage st-ni">HOLD</span>':'<span class="stage st-active">Active</span>')+'</td>';
+          '<td>'+(hold?'<span class="stage st-ni">HOLD</span>':'<span class="stage st-active">Active</span>')+'</td>'+
+          '<td class="num"><button type="button" class="btn ghost sm" data-rgn="'+esc(o.value)+'" data-rgnlabel="'+esc(label)+'" data-rgnowner="'+esc(hold?'':(d.bmName||''))+'">'+(hold?'Assign':'Change')+'</button></td>';
         done();
-      },function(){ tr.innerHTML='<td><b>'+esc(label)+'</b></td><td colspan="2"><span class="warnflag">could not resolve</span></td>';
+      },function(){ tr.innerHTML='<td><b>'+esc(label)+'</b></td><td colspan="3"><span class="warnflag">could not resolve</span></td>';
         done(); }); });
     // HOLD queue leads
     getJSON('/lms/dashboard/leads?bucketType=ATTENTION&bucketKey=HOLD',function(d){ var leads=(d&&d.leads)?d.leads:[];
       if(!leads.length){ byId('holdQueue').innerHTML='<div class="ph">No leads in HOLD. 🎉</div>'; return; }
       var h=''; leads.slice(0,8).forEach(function(l){ h+='<div style="display:flex;align-items:center;gap:10px;font-size:12.5px;padding:5px 0" class="clickrow" data-leadid="'+l.id+'">'+
     obs.observe(document.body, {childList:true, subtree:true});
   })();
   // ---- initial paint from seeds, pipeline loads live
   renderSummary(SEED.summary); renderState(SEED.state); renderHeat(SEED.heat); renderAgeing(SEED.ageing);
+  loadCallCenterUsers();
   setDashPeriod();
   loadPipeline();
   // ---- deep-link: a URL hash such as dash or record opens that tab
-  (function(){ var TABIDX={cmd:0,record:1,create:2,assign:3,dash:4,audit:5};
+  // Tabs are looked up by data-screen, not position: a tab the viewer is not allowed to see (Create
-    var h=(location.hash||'').replace('#','').trim();
+  // Lead below L2) is simply absent, and a hash for it is ignored rather than opening the screen.
-    if(h && TABIDX[h]!=null){ go(h, document.querySelectorAll('.tab')[TABIDX[h]]); }
+  (function(){ function tabFor(k){ return document.querySelector('.tab[data-screen="'+k+'"]'); }
+    function open(k){ var b=tabFor(k); if(k && b){ go(k, b); } }
-    window.addEventListener('hashchange',function(){ var k=(location.hash||'').replace('#','').trim();
+    open((location.hash||'').replace('#','').trim());
-      if(k && TABIDX[k]!=null){ go(k, document.querySelectorAll('.tab')[TABIDX[k]]); } }); })();
+    window.addEventListener('hashchange',function(){ open((location.hash||'').replace('#','').trim()); }); })();
 </script>
 </body>
 </html>

Subversion Repositories SmartDukaan

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