popup.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Notandia</title>
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <main class="container">
    <header class="popup-header">
      <div class="brand-block">
        <img src="icons/icon-48.png" alt="" class="brand-icon">
        <div><h1>Notandia</h1><p>Scholarly context worth noticing</p></div>
      </div>
      <button id="settingsIcon" class="icon-button" type="button" aria-label="Open quick settings" aria-expanded="false"><span class="settings-glyph" aria-hidden="true">⚙</span><span class="settings-label">Settings</span></button>
    </header>

    <aside id="lookupSetup" class="lookup-setup" aria-labelledby="lookupSetupHeading" hidden>
      <h2 id="lookupSetupHeading">Improve your research checks</h2>
      <p class="lookup-intro">Add useful context to the papers and references you read.</p>
      <ul class="lookup-benefits">
        <li><span class="lookup-benefit-mark" aria-hidden="true">✓</span><span><strong>Notice important updates</strong><small>Crossref checks for retractions, corrections and expressions of concern.</small></span></li>
        <li><span class="lookup-benefit-mark" aria-hidden="true">✓</span><span><strong>Identify more publisher matches</strong><small>NCBI fills gaps in PubMed and PMC metadata.</small></span></li>
      </ul>
      <p class="lookup-disclosure">Automatic checks share scholarly identifiers and your IP address with Crossref and NCBI. Turn off anytime.</p>
      <div class="lookup-actions">
        <button id="enableRecommendedChecks" type="button">Enable recommended checks</button>
        <div class="lookup-secondary-actions">
          <button id="keepLookupSettings" class="text-button" type="button">Keep current settings</button>
          <button id="chooseLookupChecks" class="text-button" type="button">Choose individually</button>
        </div>
      </div>
      <details class="lookup-data-details">
        <summary>Data details and current settings</summary>
        <p id="lookupCurrentSettings"></p>
        <p>Crossref receives DOIs. NCBI receives DOI, PMID or PMCID identifiers. Page text, search queries and page addresses are not sent.</p>
        <p>Checks run automatically when a page exposes article or reference identifiers. Enable or disable either service in Quick settings, then select Save quick settings.</p>
      </details>
      <p id="lookupSetupStatus" role="status" aria-live="polite"></p>
    </aside>

    <aside id="pinTip" class="pin-tip" aria-label="Toolbar shortcut" hidden>
      <details><summary>Pin Notandia for quick access</summary>
      <p>Pin Notandia to your toolbar to open reference checks in one click.</p>
      <p id="pinInstructions">Open your browser’s Extensions menu, find Notandia, and choose Pin to toolbar.</p>
      <button id="dismissPinTip" class="text-button" type="button">Don’t show again</button></details>
    </aside>

    <section id="settingsPanel" class="settings-panel" aria-label="Quick settings">
      <div class="settings-heading"><strong>Publisher watchlist</strong><button id="managePublishers" type="button" class="text-button">Manage publishers</button></div>
      <div id="quickProfiles" class="quick-profiles"></div>
      <label class="checkbox-label" for="communityWarningsEnabledPopup"><input type="checkbox" id="communityWarningsEnabledPopup" aria-labelledby="additionalWarningsLabelPopup" aria-describedby="additionalWarningsSourcesPopup"><span><span id="additionalWarningsLabelPopup">Additional publisher and journal warnings</span><small id="additionalWarningsSourcesPopup" class="publisher-warning-sources">Wikimedia’s Cite Unseen: <a href="https://meta.wikimedia.org/w/index.php?title=Cite_Unseen/sources/predatory/publishers&amp;oldid=30328516" target="_blank" rel="noopener noreferrer">publisher list</a> · <a href="https://meta.wikimedia.org/w/index.php?title=Cite_Unseen/sources/predatory/standaloneJournals&amp;oldid=30328518" target="_blank" rel="noopener noreferrer">journal list</a> (30 March 2026). Wikipedia CiteWatch: <a href="https://en.wikipedia.org/w/index.php?title=User:JL-Bot/Questionable.cfg/Publishers&amp;oldid=1369144524" target="_blank" rel="noopener noreferrer">publishers</a> · <a href="https://en.wikipedia.org/w/index.php?title=User:JL-Bot/Questionable.cfg/Journals&amp;oldid=1353634792" target="_blank" rel="noopener noreferrer">journals</a>. OMICS and iMedPub: <a href="https://search.ftc.gov/legal-library/browse/cases-proceedings/152-3113-omics-group-inc" target="_blank" rel="noopener noreferrer">FTC judgment (2019)</a>.</small></span></label>
      <label class="checkbox-label" for="integrityLookupsEnabled"><input type="checkbox" id="integrityLookupsEnabled"><span>Check DOIs with Crossref<small>Only DOI identifiers are transmitted.</small></span></label>
      <label class="checkbox-label" for="ncbiApiEnabledPopup"><input type="checkbox" id="ncbiApiEnabledPopup"><span>Use NCBI metadata<small>Improves publisher detection from PubMed and PMC identifiers.</small></span></label>


      <label class="checkbox-label" for="loggingEnabled"><input type="checkbox" id="loggingEnabled"><span>Diagnostic logging</span></label>
      <button id="save" type="button">Save quick settings</button>
      <div id="status" role="status" aria-live="polite"></div>
    </section>

    <section class="section overview-section" aria-labelledby="contextOverviewHeading">
      <div class="section-heading-row overview-heading-row">
        <div>
          <p class="eyebrow">Reference check</p>
          <h2 id="contextOverviewHeading">Checking this page…</h2>
          <p id="contextOverviewSummary" class="coverage-text">Scanning citation context…</p>
        </div>
        <button id="rescan" type="button" class="text-button">Rescan</button>
      </div>

      <div id="contextScanState" class="scan-state" data-state="loading" aria-live="polite">
        <span class="scan-spinner" aria-hidden="true"></span>
        <span id="contextScanText">Scanning publisher profiles and citation links…</span>
      </div>
      <button id="refreshContextPage" type="button" hidden>Refresh this page</button>

      <div class="filter-toolbar" aria-label="Filter references by context">
        <span class="filter-label">Filter</span>
        <button type="button" class="signal-card all-context-card" data-context-filter="all" aria-pressed="true"><span>All</span><strong id="countAllContext">0</strong></button>
        <div id="publisherStatusGrid" class="signal-grid publisher-signal-grid" aria-label="Publisher profile match filters"></div>
        <div id="integrityStatusGrid" class="signal-grid formal-signal-grid" aria-label="Formal integrity filters">
          <button type="button" class="signal-card status-card status-retracted" data-context-filter="status:retracted" aria-pressed="false" hidden><span>Retracted</span><strong id="countRetracted">0</strong></button>
          <button type="button" class="signal-card status-card status-concern" data-context-filter="status:expression-of-concern" aria-pressed="false" hidden><span>Concern</span><strong id="countConcern">0</strong></button>
          <button type="button" class="signal-card status-card status-corrected" data-context-filter="status:corrected" aria-pressed="false" hidden><span>Corrected</span><strong id="countCorrected">0</strong></button>
          <button type="button" class="signal-card status-card status-withdrawn" data-context-filter="status:withdrawn" aria-pressed="false" hidden><span>Withdrawn</span><strong id="countWithdrawn">0</strong></button>
        </div>
      </div>

      <details class="coverage-details">
        <summary><span>Check coverage</span><span id="integrityCoverage">Integrity lookups are disabled.</span></summary>
        <div id="integrityProgressContainer" class="integrity-progress" hidden aria-live="polite">
          <progress id="integrityProgress" max="100" value="0"></progress>
          <span id="integrityProgressLabel">0 of 0 DOI records · 0%</span>
        </div>
        <p class="coverage-provider">Formal updates are checked through Crossref and Retraction Watch.</p>
        <p class="signal-disclaimer">Publisher matches provide context, not a quality verdict. No formal signal means only that none was found in the checked sources.</p>
      </details>
    </section>

    <section id="articleContextSection" class="section article-section" aria-labelledby="articleContextHeading" hidden>
      <div class="section-heading-row"><div><p class="eyebrow">Current article</p><h2 id="articleContextHeading">Article context</h2><p id="articleContextSummary" class="coverage-text"></p></div></div>
      <div id="articleContext" class="context-card"></div>
    </section>

    <section class="section results-section" aria-labelledby="referencesHeading">
      <div class="section-heading-row results-heading-row">
        <div><h2 id="referencesHeading">References</h2><p id="referencesSummary" class="coverage-text">Scanning publisher profiles and DOI updates…</p></div>
        <div class="context-controls" aria-label="Reference result controls">
          <label for="contextFilter"><span class="sr-only">Filter references</span><select id="contextFilter" aria-label="Filter references"><option value="all">All results</option></select></label>
          <label for="contextSort"><span class="sr-only">Sort references</span><select id="contextSort" aria-label="Sort references"><option value="reference">Reference order</option><option value="severity">Most important</option></select></label>
        </div>
      </div>
      <ul id="contextList" class="context-list"><li class="placeholder">Loading context…</li></ul>
    </section>

    <details class="report-section">
      <summary id="reportHeading">Report an article/context issue</summary>
      <div class="report-controls" aria-labelledby="reportHeading">
        <select id="reportCategory" aria-label="Issue category">
          <option value="publisher-not-detected">Publisher not detected</option>
          <option value="wrong-publisher">Wrong publisher detected</option>
          <option value="confidence-wrong">Confirmed or potential match is wrong</option>
          <option value="missing-integrity">Missing retraction or correction</option>
          <option value="wrong-integrity">Wrong integrity status</option>
          <option value="layout-scroll">Page layout or scrolling problem</option>
          <option value="suggest-profile">Suggest a publisher preset</option>
        </select>
        <button id="reportIssue" type="button" class="secondary">Open GitHub report</button>
      </div>
    </details>
  </main>
  <script src="shared/community_publishing_data.js"></script>
  <script src="shared/community_publishing.js"></script>
  <script src="shared/publisher_profiles.js"></script>
  <script src="popup_pin_tip.js"></script>
  <script src="popup.js"></script>
  <script src="popup_lookup_setup.js"></script>
  <script src="popup_overview.js"></script>
  <script src="popup_progress.js"></script>
  <script src="popup_recovery.js"></script>
</body>
</html>