mirror of
https://github.com/tdurieux/anonymous_github.git
synced 2026-10-19 14:17:20 +02:00
tdurieuxandClaude Opus 5.5
57412d0610
- Explorer: redacted terms are highlighted in Markdown and code, the sidebar shows when the link expires, "Download repository" is the one primary action, and signed-out reviewers get a header without Sign in or the source-code link. - Status: a ready anonymization leads with a copyable share link; the support links sit flat inside their section. - One primary colour (accent) for actions and progress; mono is kept for IDs, hashes and paths; settings are plain sections instead of cards. - Font sizes snap to one scale (10-40px); rem values keep following the reader's browser font size. - Ko-fi button uses a dark surface in dark mode instead of a white pill. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
85 lines
6.9 KiB
HTML
85 lines
6.9 KiB
HTML
<div class="explorer-page">
|
|
<button class="sidebar-toggle" v-show="files?.length" @click="sidebarCollapsed = !sidebarCollapsed" :aria-label="(sidebarCollapsed ? 'Show files' : 'Hide files')">
|
|
<svg class="ui-icon" aria-hidden="true"><use :href="sidebarCollapsed ? '#ui-icon-folder' : '#project-icon-close'"></use></svg>
|
|
<span v-text="sidebarCollapsed ? 'Files' : 'Close'"></span>
|
|
</button>
|
|
|
|
<div class="leftCol" v-show="files?.length" :class="{'collapsed': sidebarCollapsed}">
|
|
<div class="leftCol-head">
|
|
<span class="leftCol-eyebrow">Files</span>
|
|
<button class="leftCol-close" aria-label="Close files" @click="sidebarCollapsed = true">
|
|
<svg class="ui-icon" aria-hidden="true"><use href="#project-icon-close"></use></svg>
|
|
</button>
|
|
</div>
|
|
<div class="leftCol-search">
|
|
<div class="tree-search-box">
|
|
<svg class="ui-icon tree-search-icon" aria-hidden="true" :class="{'fa-spin': fileSearchLoading}"><use :href="fileSearchLoading ? '#ui-icon-spinner' : '#ui-icon-search'"></use></svg>
|
|
<input type="text" class="tree-search-input" placeholder="Search files" aria-label="Search files" v-field="{ state: viewState, set: value => { fileSearchQuery = value }, value: fileSearchQuery, form: null, options: { debounce: 300 }, change: () => { onFileSearchChange() } }">
|
|
<kbd class="tree-search-kbd" v-show="!(fileSearchQuery)">{{ isMac ? '⌘' : 'Ctrl+' }}K</kbd>
|
|
<button class="tree-search-clear" aria-label="Clear search" v-show="fileSearchQuery" @click="fileSearchQuery = ''; onFileSearchChange()">×</button>
|
|
</div>
|
|
</div>
|
|
<div class="leftCol-project-header">
|
|
<span class="project-name" v-text="repoId" :title="repoId"></span>
|
|
<span class="project-file-count">{{ fileCounts?.[''] || files?.length }} files</span>
|
|
<span class="project-expiry" v-if="options?.expirationDate" :title="options.expirationDate">
|
|
<svg class="ui-icon" aria-hidden="true"><use href="#project-icon-clock"></use></svg>
|
|
Available until {{ fmt?.date(options.expirationDate) }}
|
|
</span>
|
|
</div>
|
|
<div class="leftCol-body">
|
|
<div class="paper-inline-warning" role="alert" v-if="options?.truncatedFolders?.length > 0">
|
|
<svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-warning"></use></svg>
|
|
{{ fmt?.translate('WARNINGS.repo_truncated') }}
|
|
</div>
|
|
<div class="paper-inline-warning" role="alert" v-if="options?.hasSubmodules">
|
|
<svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-warning"></use></svg>
|
|
{{ fmt?.translate('WARNINGS.submodules_not_included') }}
|
|
</div>
|
|
<tree class="files" :file="files" :search-query="fileSearchQuery" :search-results="fileSearchResults" :page="viewState"></tree>
|
|
</div>
|
|
<div class="leftCol-foot">
|
|
<span class="last-update" :title="options?.sourceCommitDate || options?.anonymizedAt || options?.lastUpdateDate">
|
|
{{ options?.sourceCommitDate ? 'Source commit' : options?.anonymizedAt ? 'Anonymized' : 'Updated' }} {{ fmt?.date(options?.sourceCommitDate || options?.anonymizedAt || options?.lastUpdateDate) }}
|
|
</span>
|
|
<span class="last-update" v-if="options?.settingsSavedAt" :title="options.settingsSavedAt">
|
|
Settings saved {{ fmt?.date(options.settingsSavedAt) }}
|
|
</span>
|
|
<span class="last-update" v-if="options?.publishedAt" :title="options.publishedAt">
|
|
Snapshot ready {{ fmt?.date(options.publishedAt) }}
|
|
</span>
|
|
<span class="last-update" v-if="options?.anonymizedAt && !options?.publishedAt" title="Older repositories have no recorded publication date. The source commit date does not establish when files became available here.">
|
|
Snapshot ready date not recorded
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leftCol-backdrop" v-show="files?.length && !sidebarCollapsed" @click="sidebarCollapsed = true"></div>
|
|
|
|
<div class="explorer-main">
|
|
<div class="status-bar" v-show="type != 'error' || files?.length">
|
|
<ol class="breadcrumb paths" aria-label="Path">
|
|
<li class="breadcrumb-item" v-for="(p, index) in paths" v-text="p"></li>
|
|
</ol>
|
|
<div class="status-bar-actions">
|
|
<a class="btn btn-sm" aria-label="Edit" v-if="options?.isAdmin || options?.isOwner" :href="safeUrl("/anonymize/" + (repoId))"><svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-edit"></use></svg><span class="d-none d-md-inline"> Edit</span></a>
|
|
<button class="btn btn-sm" aria-label="Allow this document to run JavaScript" title="Scripts in this file are blocked by default. Enable them only if you trust the repository — the document stays isolated from your session either way." v-if="type == 'html-doc' && !showSource" :class="{'btn-active': allowScripts}" @click="toggleAllowScripts()">
|
|
<i class="fab fa-js"></i><span class="d-none d-md-inline">
|
|
{{ allowScripts ? "JS on" : "JS off" }}</span>
|
|
</button>
|
|
<button class="btn btn-sm" aria-label="Toggle between the rendered document and its source" title="Toggle between the rendered document and its source" v-if="type == 'html-doc'" @click="toggleSource()">
|
|
<svg class="ui-icon" aria-hidden="true"><use :href="showSource ? '#project-icon-eye' : '#ui-icon-code'"></use></svg><span class="d-none d-md-inline">
|
|
{{ showSource ? "Rendered" : "Source" }}</span>
|
|
</button>
|
|
<a target="_self" class="btn btn-sm btn-icon-only" aria-label="View raw current file" title="View raw file" v-show="content != null && type != 'error' && type != 'rate_limited'" :href="safeUrl((url))"><svg class="ui-icon" aria-hidden="true"><use href="#project-icon-file"></use></svg></a>
|
|
<a target="_self" class="btn btn-sm btn-icon-only" aria-label="Download current file" title="Download this file" v-show="content != null && type != 'error' && type != 'rate_limited'" :href="safeUrl((url) + "&download=true")"><svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-download"></use></svg></a>
|
|
<a target="_self" class="btn btn-sm btn-ink" aria-label="Download repository as ZIP" title="Download the whole repository as a ZIP archive" v-if="options?.download" :href="safeUrl("/api/repo/" + (repoId) + "/zip")"><svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-archive"></use></svg><span class="d-none d-md-inline"> Download repository</span></a>
|
|
<a target="_self" class="btn btn-sm" aria-label="Website" v-if="options?.hasWebsite" :href="safeUrl("/w/" + (repoId) + "/")"><svg class="ui-icon" aria-hidden="true"><use href="#ui-icon-globe"></use></svg><span class="d-none d-md-inline"> Website</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="explorer-content">
|
|
<partial-view name="partials/pageView.htm" :state="viewState"></partial-view>
|
|
</div>
|
|
</div>
|
|
</div>
|