`public/admin/lhf.js`

67 lines
// Low Hanging Fruit — canonical ranked read-only widget over /api/admin/suggestions.
// SOURCE OF TRUTH. Copied verbatim into each portal's served static dir
// (rentv: public/admin/lhf.js -> /admin/lhf.js ; car-wash: public/assets/lhf.js -> /assets/lhf.js).
// Mount with:  <section id="lhf"></section><script src="<served-path>/lhf.js"></script>
// Ranks the suggestions bucket by ROI = impact/effort and time = effort; flags the
// low-effort + high-impact "quick wins". Read-only; no data mutation.
(function () {
  var host = document.getElementById('lhf');
  if (!host) return;

  if (!document.getElementById('lhf-style')) {
    var st = document.createElement('style');
    st.id = 'lhf-style';
    st.textContent =
      '#lhf{margin:20px 24px 4px;background:#1c1915;border:1px solid #2c2823;border-radius:6px;padding:18px 20px}' +
      '#lhf .lhf-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:2px}' +
      '#lhf .lhf-h h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#c6a765;margin:0}' +
      '#lhf .lhf-sub{color:#8a8272;font-size:12px}' +
      '#lhf .lhf-note{color:#8a8272;font-size:12px;margin:8px 0 0}#lhf .lhf-note b{color:#c6a765}' +
      '#lhf ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}' +
      '#lhf li{display:grid;grid-template-columns:34px 1fr;gap:12px;background:#161310;border:1px solid #2c2823;border-radius:5px;padding:12px 14px}' +
      '#lhf li.fruit{border-color:#c6a765}' +
      '#lhf .rk{font-size:20px;font-weight:800;color:#c6a765;line-height:1.1}' +
      '#lhf .ti{font-weight:600;color:#e9e2d6}' +
      '#lhf .badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}' +
      '#lhf .b{font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid #2c2823;color:#b8ad97}' +
      '#lhf .b.roi-high,#lhf .b.time-quick{color:#7ad17a;border-color:#3a5a3a}' +
      '#lhf .b.roi-solid{color:#c6a765}' +
      '#lhf .b.fruit{background:#c6a765;color:#12100e;border:0;font-weight:700}' +
      '#lhf .rat{font-size:12.5px;color:#b8ad97;margin-top:2px}' +
      '#lhf .empty{color:#8a8272;font-size:13px}';
    document.head.appendChild(st);
  }

  host.innerHTML =
    '<div class="lhf-h"><h2>⚡ Low Hanging Fruit</h2>' +
    '<span class="lhf-sub">ranked by ROI ÷ time — fastest, highest-return moves first</span></div>' +
    '<p class="lhf-note">⚡ <b>Quick wins</b> (low effort · high impact) leverage assets you already have — activate, don’t rebuild. That is why they are simple.</p>' +
    '<ol id="lhf-list"><li class="empty">Loading growth moves…</li></ol>';

  function esc(s) {
    return String(s == null ? '' : s).replace(/[&<>"]/g, function (c) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
    });
  }
  function TIME(e) { return e <= 2 ? ['Quick', 'time-quick'] : e === 3 ? ['Moderate', 'time-mod'] : ['Involved', 'time-inv']; }
  function ROI(i, e) { var r = i / Math.max(1, e); return r >= 2 ? ['High', 'roi-high'] : r >= 1.2 ? ['Solid', 'roi-solid'] : ['Low', 'roi-low']; }

  fetch('/api/admin/suggestions').then(function (r) { return r.ok ? r.json() : []; }).then(function (list) {
    var el = document.getElementById('lhf-list');
    list = (list || []).filter(function (s) { return s && s.title; });
    if (!list.length) { el.innerHTML = '<li class="empty">No growth moves yet — add ideas in the Growth Moves panel below.</li>'; return; }
    list.forEach(function (s) { s._i = Number(s.impact) || 0; s._e = Number(s.effort) || 3; s._roi = s._i / Math.max(1, s._e); s._fruit = s._e <= 2 && s._i >= 4; });
    list.sort(function (a, b) { return b._roi - a._roi || a._e - b._e || b._i - a._i; });
    el.innerHTML = list.map(function (s, idx) {
      var t = TIME(s._e), ro = ROI(s._i, s._e);
      return '<li class="' + (s._fruit ? 'fruit' : '') + '"><div class="rk">' + (idx + 1) + '</div><div>' +
        '<div class="ti">' + esc(s.title) + '</div>' +
        '<div class="badges">' + (s._fruit ? '<span class="b fruit">⚡ Quick win</span>' : '') +
        '<span class="b ' + ro[1] + '">ROI ' + s._roi.toFixed(1) + '</span><span class="b ' + t[1] + '">⏱ ' + t[0] + '</span>' +
        (s.category ? '<span class="b">' + esc(s.category) + '</span>' : '') +
        '<span class="b">impact ' + s._i + ' · effort ' + s._e + '</span></div>' +
        (s.rationale ? '<div class="rat">' + esc(s.rationale) + '</div>' : '') + '</div></li>';
    }).join('');
  }).catch(function () { document.getElementById('lhf-list').innerHTML = '<li class="empty">Could not load suggestions.</li>'; });
})();