Subversion Repositories SmartDukaan

Rev

Rev 37570 | Rev 37575 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 37570 Rev 37573
Line 2005... Line 2005...
2005
    }
2005
    }
2006
 
2006
 
2007
    /* Stacked cell content: partner count on top, PO in middle, Billed at bottom (primary) */
2007
    /* Stacked cell content: partner count on top, PO in middle, Billed at bottom (primary) */
2008
    #rdrrPmWrap .pm-partners {
2008
    #rdrrPmWrap .pm-partners {
2009
      font-size: 12px;
2009
      font-size: 12px;
2010
      font-weight: 600;
2010
      font-weight: 700;
2011
      color: #177a3a;
2011
      color: #234425;
2012
      line-height: 1.15;
2012
      line-height: 1.2;
2013
      margin-bottom: 4px;
2013
      margin-bottom: 4px;
2014
      white-space: nowrap
2014
      white-space: nowrap
2015
    }
2015
    }
2016
 
2016
 
2017
    #rdrrPmWrap .pm-po {
2017
    #rdrrPmWrap .pm-po {
2018
      font-size: 12px;
2018
      font-size: 14px;
2019
      font-weight: 500;
2019
      font-weight: 600;
2020
      color: #4a55a8;
2020
      color: var(--ink);
2021
      line-height: 1.15;
2021
      line-height: 1.2;
2022
      margin-bottom: 4px;
2022
      margin-bottom: 4px;
2023
      white-space: nowrap
2023
      white-space: nowrap
2024
    }
2024
    }
2025
 
2025
 
2026
    #rdrrPmWrap .pm-billed {
2026
    #rdrrPmWrap .pm-billed {
2027
      font-weight: 800;
2027
      font-weight: 800;
2028
      font-size: 16px;
2028
      font-size: 18px;
2029
      line-height: 1.2;
2029
      line-height: 1.2;
2030
      color: var(--ink);
2030
      color: var(--ink);
2031
      white-space: nowrap
2031
      white-space: nowrap
2032
    }
2032
    }
2033
 
2033
 
2034
    #rdrrPmWrap .pm-tag {
2034
    #rdrrPmWrap .pm-tag {
2035
      font-size: 10px;
2035
      font-size: 11px;
2036
      font-weight: 500;
2036
      font-weight: 500;
2037
      opacity: .7;
2037
      opacity: .6;
2038
      margin-left: 2px;
2038
      margin-left: 2px;
2039
      letter-spacing: .02em
2039
      letter-spacing: .02em;
-
 
2040
      color: var(--soft)
2040
    }
2041
    }
2041
 
2042
 
2042
    /* --- row hover --- */
2043
    /* --- row hover --- */
2043
    #rdrrPmWrap .pm-grid tbody tr.pm-row + tr.pm-row td {
2044
    #rdrrPmWrap .pm-grid tbody tr.pm-row + tr.pm-row td {
2044
      border-top: 1px solid var(--line2)
2045
      border-top: 1px solid var(--line2)
Line 3315... Line 3316...
3315
        model.brands.forEach(function (b) {
3316
        model.brands.forEach(function (b) {
3316
          var c = row.cells[b.name] || {po: 0, count: 0, billed: 0};
3317
          var c = row.cells[b.name] || {po: 0, count: 0, billed: 0};
3317
          var max = model.brandMax[b.name] || 0;
3318
          var max = model.brandMax[b.name] || 0;
3318
          var intensity = (!row.isTotal && max > 0) ? Math.min(1, c.billed / max) : 0;
3319
          var intensity = (!row.isTotal && max > 0) ? Math.min(1, c.billed / max) : 0;
3319
          var isZero = c.billed === 0 && c.po === 0 && c.count === 0;
3320
          var isZero = c.billed === 0 && c.po === 0 && c.count === 0;
3320
          // Softer heatmap: capped alpha keeps dark text readable at max intensity.
3321
          // Soft red/pink heatmap: wider alpha range so top performers pop, but text stays readable.
-
 
3322
          // Darker pink = bigger contribution within that brand column.
3321
          var bgAlpha = intensity > 0 ? (0.05 + intensity * 0.22).toFixed(2) : 0;
3323
          var bgAlpha = intensity > 0 ? (0.08 + intensity * 0.30).toFixed(2) : 0;
3322
          var style = (!row.isTotal && intensity > 0)
3324
          var style = (!row.isTotal && intensity > 0)
3323
                  ? ' style="background: rgba(59,130,246,' + bgAlpha + ')"' : '';
3325
                  ? ' style="background: rgba(232,74,74,' + bgAlpha + ')"' : '';
3324
          if (isZero) {
3326
          if (isZero) {
3325
            html.push('<td class="pm-cell pm-cell-zero">&mdash;</td>');
3327
            html.push('<td class="pm-cell pm-cell-zero">&mdash;</td>');
3326
          } else {
3328
          } else {
3327
            // Values formatted in Lakh (X.XL) — matches how the drill-down and other DRR sections display money.
3329
            // Values formatted in Lakh (X.XL) — matches how the drill-down and other DRR sections display money.
3328
            var billedTxt = pmLakh(c.billed);
3330
            var billedTxt = pmLakh(c.billed);