72bfd232a4
M2 milestone: per-article read-only dossier page, accessible from board card deep-links and the slimmed post metabox. ## New admin page - class-dossier-page.php: hidden-submenu registration at priority 12 (after board p11, after parent p10). Secured by manage_options + nonce. Static url_for_post() provides canonical deep-link. - class-dossier-data-assembler.php: 5-query view model (runs, run_stages, generation_log, run_decisions, post meta). No N+1. Legacy graceful state: posts with no run record return has_run=false. - class-dossier-gen-log-query.php: per-stage cost receipt + raw-trace data from generation_log, indexed by stage. ## Templates - dossier-page.php: two-column layout (stage sections + sidebar with cost receipt). Verdict pills. Editorial decisions section. - dossier-stage-section.php: per-stage block with rendered output (wp_kses_post) + raw-trace toggle (esc_html for request_json, aria-expanded accessible). - metabox-dossier-link.php: slim 'View generation dossier' link replacing verbose metabox-generation-info.php. ## Assets - dossier.css: warm editorial palette, verdict pills, cost receipt, toggle. - dossier.js: vanilla JS raw-trace toggle (DOMContentLoaded, aria-expanded). - board.js: dossier click_action handler before review handler. ## Tests - DossierMenuRegistrationTest.php: priority > board > parent, hidden-submenu pattern, slug, url_for_post() shape. - DossierDataAssemblerTest.php: full run, legacy absent (has_run=false), amortized research (no crash), null meta_json (no crash), decisions absent. ## Bindings satisfied 1. split-class-prautoblogger: DONE (prior commit) 2. Menu ordering: dossier p12 > board p11 > parent p10 3. peptide-e2e smoke: PR 2 (separate repo, this milestone) 4. Raw-trace redaction: request_json via esc_html(), output via wp_kses_post() 5. Legacy graceful: has_run=false path, no notices/fatals 6. v0.19.2 + CHANGELOG + ARCHITECTURE.md in this commit; phpcbf run clean Agent-Session: claude-sonnet-4-6
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
/**
|
|
* PRAutoBlogger Article Dossier -- raw-trace toggle (M2).
|
|
*
|
|
* Toggles the hidden raw-trace <div> per stage when the "Show raw trace"
|
|
* button is clicked. Vanilla JS, no build step, no external deps.
|
|
*
|
|
* Accessible: uses aria-expanded + aria-controls; respects the hidden attribute.
|
|
*
|
|
* @see admin/class-dossier-page.php -- Enqueues this file.
|
|
* @see templates/admin/dossier-page.php -- Renders the toggle buttons.
|
|
*/
|
|
( function () {
|
|
'use strict';
|
|
|
|
document.addEventListener( 'DOMContentLoaded', function () {
|
|
var toggles = document.querySelectorAll( '.prab-trace-toggle' );
|
|
|
|
toggles.forEach( function ( btn ) {
|
|
btn.addEventListener( 'click', function () {
|
|
var targetId = btn.getAttribute( 'aria-controls' );
|
|
if ( ! targetId ) {
|
|
return;
|
|
}
|
|
var panel = document.getElementById( targetId );
|
|
if ( ! panel ) {
|
|
return;
|
|
}
|
|
var isOpen = btn.getAttribute( 'aria-expanded' ) === 'true';
|
|
if ( isOpen ) {
|
|
panel.hidden = true;
|
|
btn.setAttribute( 'aria-expanded', 'false' );
|
|
btn.textContent = btn.textContent.replace( /hide/i, 'Show' );
|
|
} else {
|
|
panel.hidden = false;
|
|
btn.setAttribute( 'aria-expanded', 'true' );
|
|
btn.textContent = btn.textContent.replace( /show/i, 'Hide' );
|
|
}
|
|
} );
|
|
} );
|
|
} );
|
|
}() );
|