${this.repositories.length > 0
? html`
${this.repositories.map(
(repo) => html`
this.emitEvent('select-repo', { repositoryId: repo.id })}>
${repo.name}
${repo.description ? html`
${repo.description}
` : ''}
${repo.packageCount} packages
${repo.visibility}
`
)}
`
: html`
No repositories yet. Create one to start publishing packages.
`}
${this.members.length > 0
? html`
${this.members.map(
(member) => html`
${(member.user?.displayName || member.user?.username || '?').charAt(0).toUpperCase()}
${member.user?.displayName || 'Unknown'}
@${member.user?.username || member.userId}
${member.role}
${member.role !== 'owner'
? html``
: ''}
`
)}
`
: html`
No members
`}
${this.redirects.length > 0
? html`
${this.redirects.map(
(redirect) => html`
@${redirect.oldName}
redirects to @${this.organization.name}
`
)}
`
: ''}
${this.showDeleteConfirm
? html`
Delete Organization
This action is irreversible. All repositories, packages, and data belonging to
@${this.organization.name} will be permanently deleted.
Type ${this.organization.name} to confirm deletion.
{ this.deleteConfirmName = (e.target as HTMLInputElement).value; }}
placeholder=${this.organization.name}
>
`
: ''}
`;
}
private formatBytes(bytes: number): string {
if (bytes === 0) return '0 B';
const units = ['B', 'KB', 'MB', 'GB', 'TB'];
const i = Math.floor(Math.log(bytes) / Math.log(1024));
return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${units[i]}`;
}
private startEdit() {
this.editName = this.organization.name || '';
this.editDisplayName = this.organization.displayName || '';
this.editDescription = this.organization.description || '';
this.editWebsite = this.organization.website || '';
this.editIsPublic = this.organization.isPublic;
this.editing = true;
}
private handleEditSave() {
const detail: Record