FM / public

/home/techb158/trello.abdallabala.com/public/

/home/techb158/trello.abdallabala.com/public

Name	Size	Mode	Actions
assets/	-	0777	rm
.htaccess	533	0644	edit dl rm
authorize.html	1009	0666	edit dl rm
board-dashboard.html	799	0666	edit dl rm
board-dashboard.js	1851	0666	edit dl rm
card-section.html	533	0666	edit dl rm
card-section.js	1952	0666	edit dl rm
client-utils.js	1591	0666	edit dl rm
index.html	557	0666	edit dl rm
index.php	7140	0644	edit dl rm
powerup.js	2941	0666	edit dl rm
risk-modal.html	5455	0666	edit dl rm
risk-modal.js	4656	0666	edit dl rm
settings.html	1113	0666	edit dl rm
settings.js	1017	0666	edit dl rm
styles.css	2334	0666	edit dl rm

Edit: /home/techb158/trello.abdallabala.com/public/board-dashboard.js (1851B)

import { apiFetch, escapeHtml, powerUpOptions, statusClass } from './client-utils.js';

const t = window.TrelloPowerUp.iframe(powerUpOptions());
const summary = document.getElementById('summary');
const assessmentsNode = document.getElementById('assessments');

function metric(title, value, note = '') {
  return `<div class="card"><h3>${escapeHtml(title)}</h3><div class="score">${escapeHtml(value)}</div><p class="muted small">${escapeHtml(note)}</p></div>`;
}

function render(data) {
  summary.innerHTML = [
    metric('Cards assessed', data.cardCount, 'Cards with at least one COSMIC assessment'),
    metric('Average score', `${data.averageScore}/100`, 'Latest score per card'),
    metric('Deployment blocked', data.deploymentBlocked, 'Cards failing one or more gate criteria')
  ].join('');

if (!data.latestAssessments?.length) {
    assessmentsNode.innerHTML = '<p class="muted">No assessments have been saved for this board yet.</p>';
    return;
  }

assessmentsNode.innerHTML = data.latestAssessments.map((item) => {
    const score = item.score;
    return `
      <article class="card">
        <div class="row">
          <strong>Card ${escapeHtml(item.cardId)}</strong>
          <span class="badge ${statusClass(score.status)}">${escapeHtml(score.status)} ${score.score}/100</span>
          <span class="badge ${score.gate?.deploymentReady ? 'low' : 'critical'}">${score.gate?.deploymentReady ? 'Gate ready' : 'Gate blocked'}</span>
        </div>
        <p>${escapeHtml(score.interpretation)}</p>
      </article>
    `;
  }).join('');
}

async function load() {
  const board = await t.board('id', 'name');
  const data = await apiFetch(t, `/api/boards/${board.id}/summary`);
  render(data);
}

t.render(() => load().catch((error) => {
  assessmentsNode.innerHTML = `<p class="muted">${escapeHtml(error.message)}</p>`;
}));

import { apiFetch, escapeHtml, powerUpOptions, statusClass } from './client-utils.js'; const t = window.TrelloPowerUp.iframe(powerUpOptions()); const summary = document.getElementById('summary'); const assessmentsNode = document.getElementById('assessments'); function metric(title, value, note = '') { return `

${escapeHtml(title)}

${escapeHtml(value)}

${escapeHtml(note)}

`; } function render(data) { summary.innerHTML = [ metric('Cards assessed', data.cardCount, 'Cards with at least one COSMIC assessment'), metric('Average score', `${data.averageScore}/100`, 'Latest score per card'), metric('Deployment blocked', data.deploymentBlocked, 'Cards failing one or more gate criteria') ].join(''); if (!data.latestAssessments?.length) { assessmentsNode.innerHTML = '

No assessments have been saved for this board yet.

'; return; } assessmentsNode.innerHTML = data.latestAssessments.map((item) => { const score = item.score; return `

Card ${escapeHtml(item.cardId)} ${escapeHtml(score.status)} ${score.score}/100 ${score.gate?.deploymentReady ? 'Gate ready' : 'Gate blocked'}

${escapeHtml(score.interpretation)}

`; }).join(''); } async function load() { const board = await t.board('id', 'name'); const data = await apiFetch(t, `/api/boards/${board.id}/summary`); render(data); } t.render(() => load().catch((error) => { assessmentsNode.innerHTML = `

${escapeHtml(error.message)}

`; }));