@@ Line 1: / Line 1: @@
 {{Seitenkopf|Bibliography Generator}}
 <html>
+<div style="max-width: 1000px;">
-{{Seitenkopf|Bibliography Generator}}
-<div style="max-width: 1000px; margin: 0 auto;">
-<p>Klicke auf den Button, um die Zotero-Einträge von <code>BibliographyData</code> zu laden und als MLA9-formatiertes HTML zu generieren.</p>
 <button id="generateBtn" style="
@@ Line 18: / Line 14: @@
    margin-bottom: 1rem;
 ">Generate Bibliography HTML</button>
-<p id="bibStatus" style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;"></p>
-<h3>Raw HTML Output</h3>
-<p style="font-size: 0.85rem; color: #999;">Kopiere den kompletten Inhalt und füge ihn in die <code>Bibliography</code>-Seite ein.</p>
 <textarea id="bibOutput" style="
    width: 100%;
-   height: 700px;
+   height: 400px;
    font-family: 'Courier New', monospace;
-   font-size: 0.8rem;
+   font-size: 0.85rem;
    padding: 10px;
    border: 2px solid #ddd;
@@ Line 37: / Line 28: @@
 "></textarea>
+<script>
+(function() {
+  function escapeHtml(text) {
+    if (!text) return '';
+    const map = {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '"': '&quot;',
+      "'": '&#039;'
+    };
+    return text.replace(/[&<>"']/g, m => map[m]);
+  }
+  function getOrUnknown(value) {
+    if (!value || (typeof value === 'string' && !value.trim())) {
+      return 'unknown';
+    }
+    return value;
+  }
+  function formatAuthors(authors) {
+    if (!authors || authors.length === 0) {
+      return 'unknown';
+    }
+    if (authors.length === 1) {
+      const a = authors[0];
+      const family = a.family || 'unknown';
+      const given = a.given || '';
+      return given ? `${family}, ${given}` : family;
+    }
+    if (authors.length === 2) {
+      const a1 = authors[0];
+      const a2 = authors[1];
+      const name1 = (a1.family || 'unknown') + (a1.given ? ', ' + a1.given : '');
+      const name2 = (a2.family || 'unknown') + (a2.given ? ', ' + a2.given : '');
+      return `${name1}, and ${name2}`;
+    }
+    const a = authors[0];
+    const name = (a.family || 'unknown') + (a.given ? ', ' + a.given : '');
+    return `${name}, et al.`;
+  }
+  function formatMLA9(entry) {
+    let citation = '';
+    const authors = formatAuthors(entry.authors);
+    citation += authors + '. ';
+    const title = getOrUnknown(entry.title);
+    if (entry.type === 'bookSection' || entry.type === 'book') {
+      citation += `<i>${escapeHtml(title)}</i>. `;
+    } else {
+      citation += `"${escapeHtml(title)}." `;
+    }
+    const container = entry.container;
+    if (container && container.trim()) {
+      citation += `<i>${escapeHtml(container)}</i>. `;
+    }
+    const year = getOrUnknown(entry.year);
+    citation += `${year}. `;
+    if (entry.url && entry.url.trim()) {
+      citation += `<a href="${escapeHtml(entry.url)}" target="_blank">${escapeHtml(entry.url)}</a>.`;
+    } else {
+      citation = citation.trim();
+      if (!citation.endsWith('.')) {
+        citation += '.';
+      }
+    }
+    return citation;
+  }
+  function generateTagsAttribute(tags) {
+    if (!tags || tags.length === 0) {
+      return ' data-tags="untagged"';
+    }
+    const normalized = tags
+      .map(tag => tag.toLowerCase().replace(/\s+/g, '_'))
+      .join(' ');
+    return ` data-tags="${normalized}"`;
+  }
+  function generateTagSpans(tags) {
+    if (!tags || tags.length === 0) {
+      return '<span class="tag" data-tag="untagged">untagged</span>';
+    }
+    return tags
+      .map(tag => {
+        const normalized = tag.toLowerCase().replace(/\s+/g, '_');
+        return `<span class="tag" data-tag="${normalized}">${escapeHtml(tag)}</span>`;
+      })
+      .join('\n    ');
+  }
+  function generateBibEntry(entry, index) {
+    const mlaFormatted = formatMLA9(entry);
+    const tagsAttr = generateTagsAttribute(entry.tags);
+    const tagSpans = generateTagSpans(entry.tags);
+    const abstract = entry.abstract && entry.abstract.trim() ? escapeHtml(entry.abstract) : '';
+    return `<!-- ${index} -->
+<div class="bib-entry"${tagsAttr}>
+  <h3>${mlaFormatted}</h3>
+  <div class="bib-tags">
+    ${tagSpans}
+  </div>
+  <p class="short-abstract">${abstract || '(No abstract available)'}</p>
+  <button class="expand-btn">Show Abstract</button>
+  <div class="abstract hidden">
+    <p>${abstract || 'No abstract available.'}</p>
+  </div>
+</div>`;
+  }
+  async function generateBibliography() {
+    const output = document.getElementById('bibOutput');
+    output.value = 'Lade Daten...';
+    try {
+      const response = await fetch('/BibliographyData?action=raw');
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      const entries = await response.json();
+      const filtered = entries.filter(entry => {
+        if (entry.tags && entry.tags.includes('Not relevant for Mark Twain')) {
+          return false;
+        }
+        if (!entry.title || entry.title.trim() === 'Untitled') {
+          return false;
+        }
+        return true;
+      });
+      const allTags = new Set();
+      filtered.forEach(entry => {
+        if (entry.tags && Array.isArray(entry.tags)) {
+          entry.tags.forEach(tag => allTags.add(tag));
+        }
+      });
+      const tagSpans = Array.from(allTags)
+        .sort()
+        .map(tag => {
+          const normalized = tag.toLowerCase().replace(/\s+/g, '_');
+          return `<span class="tag" data-tag="${normalized}">${escapeHtml(tag)}</span>`;
+        })
+        .join('\n  ');
+      const entryHTML = filtered
+        .map((entry, i) => generateBibEntry(entry, i + 1))
+        .join('\n\n');
+      const html = `<div class="bib-tags">
+  ${tagSpans}
 </div>
-<script>
+<div id="listView" class="bibliography">
-document.addEventListener('DOMContentLoaded', function() {
+${entryHTML}
-  console.log('BibliographyBackbone Script bereit');
+</div>
+<div id="networkView" class="network hidden"></div>`;
+      output.value = html;
+    } catch (error) {
+      output.value = 'ERROR: ' + error.message;
+    }
+  }
    const btn = document.getElementById('generateBtn');
-   if (btn && window.BibliographyGenerator) {
+   if (btn) {
-     btn.addEventListener('click', function() {
+     btn.addEventListener('click', generateBibliography);
-      console.log('Generate Button geklickt');
-      window.BibliographyGenerator.generate();
-    });
-  } else {
-    console.warn('Button oder BibliographyGenerator nicht gefunden');
    }
-});
+})();
 </script>
+</div>
 </html>

BibliographyBackbone: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

Latest revision as of 00:51, 12 May 2026

Bibliography Generator