dropdown menu and comment side panel

This commit is contained in:
2026-06-10 08:29:02 -04:00
parent 6f646c2505
commit c39c50b9a0
3 changed files with 203 additions and 136 deletions

View File

@@ -34,43 +34,55 @@
</button>
<div class="document-meta__header">
<h1>{{ .Title }}</h1>
<div class="document-actions">
{{ if .CanWrite }}
<a class="document-edit-link" href="/docs/{{ trimMd .Path }}/edit">Edit</a>
{{ if .CanAdmin }}
<a class="document-edit-link" href="/permissions?resourceType=document&resourceId={{ .Path }}">Permissions</a>
<details class="document-actions-dropdown">
<summary aria-haspopup="true" aria-label="Document actions">
<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="5" r="1"></circle>
<circle cx="12" cy="12" r="1"></circle>
<circle cx="12" cy="19" r="1"></circle>
</svg>
</summary>
<div class="document-actions-dropdown__menu">
{{ if .CanWrite }}
<a class="document-actions-dropdown__item" href="/docs/{{ trimMd .Path }}/edit">
<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
<span>Edit</span>
</a>
{{ if .CanAdmin }}
<a class="document-actions-dropdown__item" href="/permissions?resourceType=document&resourceId={{ .Path }}">
<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
<span>Permissions</span>
</a>
{{ end }}
<button class="document-actions-dropdown__item document-actions-dropdown__item--danger" type="button" data-archive-path="{{ .Path }}" aria-label="Archive document">
<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>
<span>Archive</span>
</button>
{{ end }}
<button class="document-archive-btn" type="button" data-archive-path="{{ .Path }}" aria-label="Archive document">Archive</button>
{{ end }}
</div>
</div>
<details class="document-meta-panel">
<summary>
<span>Document details</span>
</summary>
<dl class="meta-grid">
<div>
<dt>File</dt>
<dd><code>{{ .Path }}</code></dd>
</div>
<div>
<dt>Hash</dt>
<dd><code>{{ .Hash }}</code></dd>
</div>
{{ if .Tags }}
<div>
<dt>Tags</dt>
<dd>
<ul class="tag-list">
{{ range .Tags }}
<li><a href="/?tag={{ . }}">#{{ . }}</a></li>
{{ end }}
</ul>
</dd>
<hr class="document-actions-dropdown__divider">
<div class="document-actions-dropdown__meta">
<div class="document-actions-dropdown__meta-row">
<span class="document-actions-dropdown__meta-label">File</span>
<code class="document-actions-dropdown__meta-value">{{ .Path }}</code>
</div>
<div class="document-actions-dropdown__meta-row">
<span class="document-actions-dropdown__meta-label">Hash</span>
<code class="document-actions-dropdown__meta-value">{{ .Hash }}</code>
</div>
{{ if .Tags }}
<div class="document-actions-dropdown__meta-row">
<span class="document-actions-dropdown__meta-label">Tags</span>
<ul class="document-actions-dropdown__tag-list">
{{ range .Tags }}
<li><a href="/?tag={{ . }}">#{{ . }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}
</div>
{{ end }}
</dl>
</details>
</div>
</details>
</div>
</div>
<div class="markdown-body">