BibliographyBackbone - Revision history

HMHTEST at 22:51, 11 May 2026

2026-05-11T22:51:29Z

← Older revision		Revision as of 00:51, 12 May 2026
Line 1:		Line 1:
	{{Seitenkopf\|Bibliography Generator}}		{{Seitenkopf\|Bibliography Generator}}

			<html>
			<div style="max-width: 1000px;">

	<button id="generateBtn" style="		<button id="generateBtn" style="
Line 74:		Line 77:
	let citation = '';		let citation = '';

	~~// Autoren~~
	const authors = formatAuthors(entry.authors);		const authors = formatAuthors(entry.authors);
	citation += authors + '. ';		citation += authors + '. ';

	~~// Titel~~
	const title = getOrUnknown(entry.title);		const title = getOrUnknown(entry.title);
	if (entry.type === 'bookSection' \|\| entry.type === 'book') {		if (entry.type === 'bookSection' \|\| entry.type === 'book') {
Line 86:		Line 87:
	}		}

	~~// Container~~
	const container = entry.container;		const container = entry.container;
	if (container && container.trim()) {		if (container && container.trim()) {
Line 92:		Line 92:
	}		}

	~~// Jahr~~
	const year = getOrUnknown(entry.year);		const year = getOrUnknown(entry.year);
	citation += `${year}. `;		citation += `${year}. `;

	~~// URL~~
	if (entry.url && entry.url.trim()) {		if (entry.url && entry.url.trim()) {
	citation += `<a href="${escapeHtml(entry.url)}" target="_blank">${escapeHtml(entry.url)}</a>.`;		citation += `<a href="${escapeHtml(entry.url)}" target="_blank">${escapeHtml(entry.url)}</a>.`;
Line 152:		Line 150:

	async function generateBibliography() {		async function generateBibliography() {
	~~console.log('generateBibliography aufgerufen');~~
	const output = document.getElementById('bibOutput');		const output = document.getElementById('bibOutput');
	~~if (!output) {~~
	~~console.error('bibOutput not found');~~
	~~return;~~
	}

	output.value = 'Lade Daten...';		output.value = 'Lade Daten...';

Line 166:		Line 158:

	const entries = await response.json();		const entries = await response.json();
	~~console.log('JSON geparst, ' + entries.length + ' Einträge');~~

	~~// Filtere irrelevante Einträge~~
	const filtered = entries.filter(entry => {		const filtered = entries.filter(entry => {
	if (entry.tags && entry.tags.includes('Not relevant for Mark Twain')) {		if (entry.tags && entry.tags.includes('Not relevant for Mark Twain')) {
Line 179:		Line 169:
	});		});

	~~// Extrahiere alle Tags~~
	const allTags = new Set();		const allTags = new Set();
	filtered.forEach(entry => {		filtered.forEach(entry => {
Line 187:		Line 176:
	});		});

	~~// Generiere HTML~~
	const tagSpans = Array.from(allTags)		const tagSpans = Array.from(allTags)
	.sort()		.sort()
Line 211:		Line 199:

	output.value = html;		output.value = html;
	~~console.log('Fertig - ' + filtered.length + ' Einträge generiert');~~
	} catch (error) {		} catch (error) {
	output.value = 'ERROR: ' + error.message;		output.value = 'ERROR: ' + error.message;
	~~console.error('Fehler:', error);~~
	}		}
	}		}

	~~document.addEventListener('DOMContentLoaded', function() {~~		const btn = document.getElementById('generateBtn');
	const btn = document.getElementById('generateBtn');		if (btn) {
	if (btn) {		btn.addEventListener('click', generateBibliography);
	btn.addEventListener('click', generateBibliography);		}
	~~console.log('Generate Button bereit');~~
	}
	});
	})();		})();
	</script>		</script>

			</div>
			</html>

HMHTEST at 22:50, 11 May 2026

2026-05-11T22:50:53Z

← Older revision		Revision as of 00:50, 12 May 2026
Line 1:		Line 1:
	{{Seitenkopf\|Bibliography Generator}}		{{Seitenkopf\|Bibliography Generator}}
	~~<html>~~


	<button id="generateBtn" style="		<button id="generateBtn" style="
Line 229:		Line 227:
	})();		})();
	</script>		</script>
	~~</html>~~

HMHTEST at 22:49, 11 May 2026

2026-05-11T22:49:56Z

← Older revision		Revision as of 00:49, 12 May 2026
Line 39:		Line 39:
	};		};
	return text.replace(/[&<>"']/g, m => map[m]);		return text.replace(/[&<>"']/g, m => map[m]);
			}

			function getOrUnknown(value) {
			if (!value \|\| (typeof value === 'string' && !value.trim())) {
			return 'unknown';
			}
			return value;
	}		}

	function formatAuthors(authors) {		function formatAuthors(authors) {
	if (!authors \|\| authors.length === 0) return '';		if (!authors \|\| authors.length === 0) {
			return 'unknown';
			}

	if (authors.length === 1) {		if (authors.length === 1) {
	const a = authors[0];		const a = authors[0];
	~~return~~ a.given ? `${a.family}, ${a.given}` : a.family;		const family = a.family \|\| 'unknown';
			const given = a.given \|\| '';
			return given ? `${family}, ${given}` : family;
	}		}

	if (authors.length === 2) {		if (authors.length === 2) {
	const a1 = authors[0];		const a1 = authors[0];
	const a2 = authors[1];		const a2 = authors[1];
	const name1 = a1.given ? ~~`${a1.family}~~, ${a1.given}` : ~~a1.family~~;		const name1 = (a1.family \|\| 'unknown') + (a1.given ? ', ' + a1.given : '');
	const name2 = a2.given ? ~~`${a2.family}~~, ${a2.given}` : ~~a2.family~~;		const name2 = (a2.family \|\| 'unknown') + (a2.given ? ', ' + a2.given : '');
	return `${name1}, and ${name2}`;		return `${name1}, and ${name2}`;
	}		}

	const a = authors[0];		const a = authors[0];
	const name = a.given ? ~~`${a.family}~~, ${a.given}` : ~~a.family~~;		const name = (a.family \|\| 'unknown') + (a.given ? ', ' + a.given : '');
	return `${name}, et al.`;		return `${name}, et al.`;
	}		}
Line 63:		Line 77:

	// Autoren		// Autoren
	if (entry.authors ~~&& entry.authors.length > 0~~) {		const authors = formatAuthors(entry.authors);
	citation += ~~formatAuthors(entry.~~authors) + '. ';		citation += authors + '. ';
	}

	// Titel		// Titel
	if (entry.title) {		const title = getOrUnknown(entry.title);
	if (entry.type === 'bookSection' \|\| entry.type === 'book') {		if (entry.type === 'bookSection' \|\| entry.type === 'book') {
	citation += `<i>${escapeHtml(~~entry.~~title)}</i>. `;		citation += `<i>${escapeHtml(title)}</i>. `;
	} else {		} else {
	citation += `"${escapeHtml(~~entry.~~title)}." `;		citation += `"${escapeHtml(title)}." `;
	}
	}		}

	// Container		// Container
	if (~~entry~~.~~container~~) {		const container = entry.container;
	citation += `<i>${escapeHtml(~~entry.~~container)}</i>. `;		if (container && container.trim()) {
			citation += `<i>${escapeHtml(container)}</i>. `;
	}		}

	// Jahr		// Jahr
	if (entry.year) {		const year = getOrUnknown(entry.year);
	citation += `${~~entry.~~year}. `;		citation += `${year}. `;
	}

	// URL		// URL
	if (entry.url) {		if (entry.url && entry.url.trim()) {
	citation += `<a href="${escapeHtml(entry.url)}" target="_blank">${escapeHtml(entry.url)}</a>.`;		citation += `<a href="${escapeHtml(entry.url)}" target="_blank">${escapeHtml(entry.url)}</a>.`;
	} else {		} else {
Line 100:		Line 112:

	function generateTagsAttribute(tags) {		function generateTagsAttribute(tags) {
	if (!tags \|\| tags.length === 0) return '';		if (!tags \|\| tags.length === 0) {
			return ' data-tags="untagged"';
			}
	const normalized = tags		const normalized = tags
	.map(tag => tag.toLowerCase().replace(/\s+/g, '_'))		.map(tag => tag.toLowerCase().replace(/\s+/g, '_'))
Line 108:		Line 122:

	function generateTagSpans(tags) {		function generateTagSpans(tags) {
	if (!tags \|\| tags.length === 0) return '';		if (!tags \|\| tags.length === 0) {
			return '<span class="tag" data-tag="untagged">untagged</span>';
			}
	return tags		return tags
	.map(tag => {		.map(tag => {
Line 121:		Line 137:
	const tagsAttr = generateTagsAttribute(entry.tags);		const tagsAttr = generateTagsAttribute(entry.tags);
	const tagSpans = generateTagSpans(entry.tags);		const tagSpans = generateTagSpans(entry.tags);
	const abstract = entry.abstract ? escapeHtml(entry.abstract) : '';		const abstract = entry.abstract && entry.abstract.trim() ? escapeHtml(entry.abstract) : '';

	return `<!-- ${index} -->		return `<!-- ${index} -->

HMHTEST at 22:48, 11 May 2026

2026-05-11T22:48:22Z

Show changes

HMHTEST at 22:45, 11 May 2026

2026-05-11T22:45:41Z

@@ Line 3: / Line 3: @@
-<button id="copyBtn" onclick="window.CopyBibliographyData.copy()" style="
    background-color: #008CBA;
    color: white;
@@ Line 26: / Line 27: @@
    overflow: auto;
 "></textarea>
 </html>

HMHTEST at 22:44, 11 May 2026

2026-05-11T22:44:06Z

@@ Line 1: / Line 1: @@
 {{Seitenkopf|Bibliography Generator}}
 <html>
-<button id="testBtn" style="
    background-color: #008CBA;
    color: white;
@@ Line 10: / Line 12: @@
    cursor: pointer;
    margin-bottom: 1rem;
-">Test Years</button>
+">Copy Raw Data</button>
 <textarea id="bibOutput" style="
@@ Line 24: / Line 26: @@
    overflow: auto;
 "></textarea>
 </html>

HMHTEST at 22:42, 11 May 2026

2026-05-11T22:42:13Z

← Older revision		Revision as of 00:42, 12 May 2026
Line 24:		Line 24:
	overflow: auto;		overflow: auto;
	"></textarea>		"></textarea>
	~~</html>~~
	<script>		<script>
	async function testYears() {		async function testYears() {
Line 67:		Line 67:
	});		});
	</script>		</script>
			</html>

HMHTEST at 22:41, 11 May 2026

2026-05-11T22:41:47Z

← Older revision		Revision as of 00:41, 12 May 2026
Line 24:		Line 24:
	overflow: auto;		overflow: auto;
	"></textarea>		"></textarea>
			</html>
	<script>		<script>
	async function testYears() {		async function testYears() {
Line 67:		Line 67:
	});		});
	</script>		</script>
	~~</html>~~

HMHTEST at 22:41, 11 May 2026

2026-05-11T22:41:11Z

@@ Line 1: / Line 1: @@
 {{Seitenkopf|Bibliography Generator}}
 <html>
-<button onclick="window.TestBibliography.test()" style="
+<button id="testBtn" style="
    background-color: #008CBA;
    color: white;
@@ Line 24: / Line 24: @@
    overflow: auto;
 "></textarea>
 </html>

HMHTEST at 22:39, 11 May 2026

2026-05-11T22:39:44Z

← Older revision		Revision as of 00:39, 12 May 2026
Line 1:		Line 1:
	{{Seitenkopf\|Bibliography Generator}}		{{Seitenkopf\|Bibliography Generator}}
	<html>		<html>
			<button onclick="window.TestBibliography.test()" style="
	~~{{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="
	background-color: #008CBA;		background-color: #008CBA;
	color: white;		color: white;
Line 17:		Line 10:
	cursor: pointer;		cursor: pointer;
	margin-bottom: 1rem;		margin-bottom: 1rem;
	">~~Generate Bibliography HTML~~</button>		">Test Years</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="		<textarea id="bibOutput" style="
	width: 100%;		width: 100%;
	height: ~~700px~~;		height: 400px;
	font-family: 'Courier New', monospace;		font-family: 'Courier New', monospace;
	font-size: 0.~~8rem~~;		font-size: 0.85rem;
	padding: 10px;		padding: 10px;
	border: 2px solid #ddd;		border: 2px solid #ddd;
Line 36:		Line 24:
	overflow: auto;		overflow: auto;
	"></textarea>		"></textarea>

	~~</div>~~

	~~<script>~~
	~~document.addEventListener('DOMContentLoaded', function() {~~
	~~console.log('BibliographyBackbone Script bereit');~~
	~~const btn = document.getElementById('generateBtn');~~
	~~if (btn && window.BibliographyGenerator) {~~
	~~btn.addEventListener('click', function() {~~
	~~console.log('Generate Button geklickt');~~
	~~window.BibliographyGenerator.generate();~~
	~~});~~
	~~} else {~~
	~~console.warn('Button oder BibliographyGenerator nicht gefunden');~~
	}
	~~});~~
	~~</script>~~
	</html>		</html>