ui: zitieren als Link (↗), Versionen mit Uhr-Icon, interne Zitierweise als Option

- zitieren: kein Pill mehr — Link in der Pill-Schrift (Display) mit ↗ am Ende
- Versionen: Pill behält, davor ein monochromes Uhr-SVG (currentColor)
- Zitier-Formate: „intern" (OPENBUREAU-Hausformat inkl. Version) als dritte
  Option und Default, neben APA und DIN

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 03:11:39 +02:00
parent fce6c9eabc
commit e62b4c3704
2 changed files with 34 additions and 12 deletions
+14 -7
View File
@@ -4,15 +4,17 @@
{{/* Zitieren: schlichter Link direkt unter den Quellen. */}}
<div class="cite">
<button type="button" class="cite-toggle" aria-expanded="false">zitieren</button>
<button type="button" class="cite-toggle" aria-expanded="false">zitieren <span class="cite-arrow"></span></button>
<div class="cite-box" hidden
data-title="{{ .Title }}"
data-author="{{ $author }}"
data-url="{{ .Permalink }}"
data-year="{{ .Date.Format "2006" }}">
data-year="{{ .Date.Format "2006" }}"
{{ with .GitInfo }}data-version="{{ .AbbreviatedHash }}"{{ end }}>
<p class="cite-text"></p>
<div class="cite-actions">
<button type="button" class="cite-fmt is-active" data-fmt="apa">APA</button>
<button type="button" class="cite-fmt is-active" data-fmt="ob">intern</button>
<button type="button" class="cite-fmt" data-fmt="apa">APA</button>
<button type="button" class="cite-fmt" data-fmt="din">DIN</button>
<button type="button" class="cite-copy">kopieren</button>
<span class="cite-status" role="status"></span>
@@ -33,7 +35,7 @@
{{/* Versionen: eine Zeile darunter; öffnet den Verlauf direkt auf der Seite. */}}
<div class="article-versions">
<button type="button" class="versions-toggle" id="version-badge" aria-expanded="false"
data-path="{{ .File.Path }}">Versionen</button>
data-path="{{ .File.Path }}"><svg class="pill-icon" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 7.5V12l3 2"/></svg>Versionen</button>
</div>
<script>
@@ -46,7 +48,7 @@
var textEl = box.querySelector('.cite-text');
var statusEl = box.querySelector('.cite-status');
var d = box.dataset;
var fmt = 'apa';
var fmt = 'ob';
function nameParts(n) {
var p = (n || '').trim().split(/\s+/);
@@ -60,8 +62,13 @@
return (n.last ? n.last.toUpperCase() + ', ' + n.first + ': ' : '')
+ d.title + '. OPENBUREAU. ' + d.url + ' (abgerufen am ' + today() + ').';
}
return (n.last ? n.last + ', ' + n.initials + ' ' : '')
+ '(' + d.year + '). ' + d.title + '. OPENBUREAU. Abgerufen am ' + today() + ', von ' + d.url;
if (fmt === 'apa') {
return (n.last ? n.last + ', ' + n.initials + ' ' : '')
+ '(' + d.year + '). ' + d.title + '. OPENBUREAU. Abgerufen am ' + today() + ', von ' + d.url;
}
// intern (OPENBUREAU-Hausformat): inkl. Version, weil Beiträge lebende Dokumente sind.
return (d.author ? d.author + ': ' : '') + d.title + '. OPENBUREAU'
+ (d.version ? ', Version ' + d.version : '') + '. Abgerufen am ' + today() + ', ' + d.url;
}
function render() { textEl.textContent = build(); }
function copy() {