Subversion Repositories SmartDukaan

    /* Top-level "All RBMs" collapsed row */

    #rdrrGrid tr.top-parent {

      cursor: pointer;

      background: linear-gradient(180deg, #eef2fb, #dfe6f5);

      font-weight: 700

    }

    #rdrrGrid tr.top-parent:hover {

      background: linear-gradient(180deg, #dfe6f5, #cfd9ee)

    }

    #rdrrGrid tr.top-parent td {

      border-top: 2px solid var(--brand);

      border-bottom: 2px solid var(--brand)

    }

    #rdrrGrid tr.top-parent .top-toggle {

      display: inline-block;

      transition: transform .15s ease;

      font-weight: 800;

      color: var(--brand);

      margin-right: 4px;

      font-size: 15px

    }

    #rdrrGrid tr.top-parent .cell-val {

      font-weight: 800;

      color: var(--brand)

    }

    /* Multi-warehouse collapse — RBM-level parent row */

    #rdrrGrid tr.grp-parent {

      cursor: pointer;

      background: #fafbfe

    }

    #rdrrGrid tr.grp-parent:hover {

      background: #eef2fb

    }

    #rdrrGrid tr.grp-parent .grp-toggle {

      display: inline-block;

      transition: transform .15s ease;

      font-weight: 700;

      color: var(--brand);

      margin-right: 2px

    }

    #rdrrGrid tr.grp-child td {

      background: #fdfdff

    }

      // Two-level collapse:

      //   Level 1 — one "All RBMs (N)" row at the top, shows the grand-total.

      //             Click → reveal per-RBM rows below.

      //   Level 2 — per-RBM rows. Single-warehouse RBMs are directly clickable

      //             (→ drill-down). Multi-warehouse RBMs collapse into a

      //             group-parent showing summed totals; click → reveal

      //             per-warehouse child rows.

      //   Level 3 — per-warehouse rows (only under multi-warehouse RBMs).

      //             Click → drill-down for that RBM × warehouse.

      // Default state on render: only the "All RBMs" row visible.

      var topRow = ['<tr class="top-parent">'];

      topRow.push('<td><div class="rbm-cell">' +

              '<span class="rn">' +

              '<span class="top-toggle">&rsaquo;</span> All RBMs' +

              '</span>' +

              '<span class="wh">' + rows.length + ' rows (click to expand)</span>' +

              '</div></td>');

      topRow.push(cellPair(t.totalAch, t.totalTgt));

      buckets.forEach(function (b) {

        topRow.push(cellPair(t[b.key + "Ach"], t[b.key + "Tgt"]));

      });

      topRow.push('<td class="chev">&nbsp;</td>');

      topRow.push('</tr>');

      html.push(topRow.join(""));

      // Group rows per person (authId).

      var groups = new Map();

      var groupOrder = [];

        var key = String(r.authId);

        if (!groups.has(key)) {

          groups.set(key, {authId: r.authId, name: r.rbmName, children: []});

          groupOrder.push(key);

        }

        groups.get(key).children.push(r);

      });

      var groupCounter = 0;

      groupOrder.forEach(function (key) {

        var g = groups.get(key);

        if (g.children.length === 1) {

          // Single-warehouse person → RBM-tier row, directly clickable for drill-down.

          var r = g.children[0];

          buckets.forEach(function (b) {

            tr.push(cellPair(r[b.key + "Ach"], r[b.key + "Tgt"]));

          });

          tr.push('<td class="chev">&rsaquo;</td>');

          tr.push('</tr>');

          html.push(tr.join(""));

          return;

        }

        // Multi-warehouse person → RBM-tier collapsed parent + hidden per-warehouse children.

        var gid = "g" + (groupCounter++);

        var sum = {totalAch: 0, totalTgt: 0};

          sum[b.key + "Ach"] = 0;

          sum[b.key + "Tgt"] = 0;

        });

        g.children.forEach(function (r) {

          sum.totalAch += Number(r.totalAch) || 0;

          sum.totalTgt += Number(r.totalTgt) || 0;

          buckets.forEach(function (b) {

            sum[b.key + "Ach"] += Number(r[b.key + "Ach"]) || 0;

            sum[b.key + "Tgt"] += Number(r[b.key + "Tgt"]) || 0;

          });

        });

        var parent = ['<tr class="grp-parent tier-rbm" style="display:none" data-gid="' + gid + '">'];

        parent.push('<td><div class="rbm-cell">' +

                '<span class="rn">' + escapeHtml(g.name) + '</span>' +

                '<span class="wh"><span class="grp-toggle">&rsaquo;</span> ' +

                g.children.length + ' warehouses (click to expand)</span>' +

                '</div></td>');

        parent.push(cellPair(sum.totalAch, sum.totalTgt));

        buckets.forEach(function (b) {

          parent.push(cellPair(sum[b.key + "Ach"], sum[b.key + "Tgt"]));

        });

        parent.push('<td class="chev">&nbsp;</td>');

        parent.push('</tr>');

        html.push(parent.join(""));

        g.children.forEach(function (r) {

          var tr = ['<tr class="clickable grp-child grp-' + gid + '" style="display:none" data-authid="' + r.authId + '" data-warehouseid="' + r.warehouseId + '" data-rbmname="' + escapeHtml(r.rbmName) + '" data-warehousename="' + escapeHtml(r.warehouseName) + '">'];

          tr.push('<td><div class="rbm-cell" style="padding-left:22px">' +

                  '<span class="rn" style="font-weight:500;color:var(--soft)">&#x21B3; ' + escapeHtml(r.warehouseName) + '</span>' +

                  '</div></td>');

          tr.push(cellPair(r.totalAch, r.totalTgt));

          buckets.forEach(function (b) {

          });

          tr.push('<td class="chev">&rsaquo;</td>');

          tr.push('</tr>');

          html.push(tr.join(""));

      // Toggle collapsed groups: click parent row → show/hide the per-warehouse child rows.

      // Variable names deliberately avoid leading '$' — Velocity would try to parse them.

      $("#rdrrGrid tbody tr.grp-parent").on("click", function () {

        var gid = this.dataset.gid;

        var childRows = $("#rdrrGrid tbody tr.grp-" + gid);

        var isOpen = childRows.filter(":visible").length > 0;

        childRows.toggle(isOpen ? false : true);

        var toggleEl = $(this).find(".grp-toggle");

        toggleEl.css("transform", isOpen ? "rotate(0deg)" : "rotate(90deg)");

        toggleEl.css("display", "inline-block");

      });

      // Top-level "All RBMs" collapse: click → show/hide every RBM-tier row.

      // When collapsing, also force-hide any expanded warehouse child rows.

      $("#rdrrGrid tbody tr.top-parent").on("click", function () {

        var rbmRows = $("#rdrrGrid tbody tr.tier-rbm");

        var isOpen = rbmRows.filter(":visible").length > 0;

        rbmRows.toggle(isOpen ? false : true);

        if (isOpen) {

          // Collapsing → also hide any expanded warehouse children + reset their chevrons.

          $("#rdrrGrid tbody tr.grp-child").hide();

          $("#rdrrGrid tbody tr.grp-parent .grp-toggle").css("transform", "rotate(0deg)");

        }

        var topToggle = $(this).find(".top-toggle");

        topToggle.css("transform", isOpen ? "rotate(0deg)" : "rotate(90deg)");

        topToggle.css("display", "inline-block");

      });

      // TEMP-DISABLED: opening-balance addition. Re-enable alongside the

      // controller block. Uncomment these two lines and swap the "Coverage"

      // computation below to (sell / (open + buy)).

      // var opening = (data && data.opening) || [];

      // var openMap = {}; opening.forEach(function (o) { openMap[o.status] = Number(o.value) || 0; });

      // The source fragment doesn't set a partner count on the "All RBMs" TOTAL

      // cell (grandTotal in MonitorController.getTodayPoTableFragment only sums

      // billed/PO/POBilled, not partiesBilled). Fill it in client-side by

      // summing each RBM's own TOTAL partner count — that column is the

      // distinct-across-brands count per RBM, so this sum is the most useful

      // aggregate available without a new backend query. Small risk of double-

      // counting if the same partner is served by two RBMs (rare, region-based).

      if (totalRow && totalRow.cells["TOTAL"]) {

        var sumTotalPartners = 0;

        rowOrder.forEach(function (name) {

          var r = rowsMap[name];

          if (r.isTotal) return;

          sumTotalPartners += ((r.cells["TOTAL"] || {}).count || 0);

        });

        if (sumTotalPartners > 0) {

          totalRow.cells["TOTAL"].count = sumTotalPartners;

        }

      }