mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-03-27 06:43:04 -04:00
Currently the dropdown component only supports having one `<summary>` and one `<ul>` (with interactive items) in it. This PR refactors it to add a `.content` container so that it is possible for the dropdown to contain things the more complex dropdowns do like `<hr>` and a searchbar. Also adds an `<hr>` to user actions as a little demo. Preview B: https://codeberg.org/attachments/8dfb98d2-52be-4c3c-8fc0-8fe470f34703 A: https://codeberg.org/attachments/53f2acfb-2e61-4420-b616-13d563f5c257 Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9951 Reviewed-by: Otto <otto@codeberg.org>
57 lines
2.5 KiB
Go HTML Template
57 lines
2.5 KiB
Go HTML Template
<div class="ui container tw-flex tw-gap-x-4">
|
|
{{ctx.AvatarUtils.Avatar .Org 100 "org-avatar"}}
|
|
<div id="org-info" class="tw-flex tw-flex-col">
|
|
<div class="org-header tw-flex">
|
|
<div class="org-title">
|
|
<h1>{{.Org.DisplayName}}</h1>
|
|
<span class="org-visibility">
|
|
{{if .Org.Visibility.IsLimited}}<span class="ui large horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}}
|
|
{{if .Org.Visibility.IsPrivate}}<span class="ui large horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}}
|
|
</span>
|
|
</div>
|
|
<span class="button-sequence tw-items-center tw-ml-auto tw-whitespace-nowrap">
|
|
{{if .IsSigned}}
|
|
{{template "org/follow_unfollow" .}}
|
|
{{end}}
|
|
{{if .IsOrganizationMember}}
|
|
<a class="secondary button" href="{{.OrgLink}}/dashboard">{{ctx.Locale.Tr "org.open_dashboard"}}</a>
|
|
{{end}}
|
|
{{$moderationEntryNeeded := and .IsModerationEnabled .IsSigned (not .IsOrganizationOwner)}}
|
|
{{if or .EnableFeed $moderationEntryNeeded}}
|
|
<details class="dropdown dir-rtl">
|
|
<summary class="border" data-tooltip-content="{{ctx.Locale.Tr "profile.actions.tooltip"}}">
|
|
{{svg "octicon-kebab-horizontal" 20}}
|
|
</summary>
|
|
<div class="content">
|
|
<ul>
|
|
{{if .EnableFeed}}
|
|
<li>
|
|
<a href="{{.Org.HomeLink}}.rss">{{svg "octicon-rss"}}{{ctx.Locale.Tr "rss_feed"}}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{.Org.HomeLink}}.atom">{{svg "octicon-rss"}}{{ctx.Locale.Tr "feed.atom.link"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if $moderationEntryNeeded}}
|
|
<li>
|
|
<a class="orange text" href="{{AppSubUrl}}/report_abuse?type=org&id={{$.Org.ID}}">{{svg "octicon-stop"}}{{ctx.Locale.Tr "moderation.report_abuse"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
{{end}}
|
|
</span>
|
|
</div>
|
|
{{if .RenderedDescription}}<div class="render-content markup">{{.RenderedDescription}}</div>{{end}}
|
|
<div class="text light meta tw-mt-1">
|
|
{{if .Org.Location}}<div class="flex-text-block">{{svg "octicon-location"}} <span>{{.Org.Location}}</span></div>{{end}}
|
|
{{if .Org.Website}}<div class="flex-text-block">{{svg "octicon-link"}} <a class="muted" target="_blank" rel="noopener noreferrer me" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
|
|
{{if .IsSigned}}
|
|
{{if .Org.Email}}<div class="flex-text-block">{{svg "octicon-mail"}} <a class="muted" href="mailto:{{.Org.Email}}">{{.Org.Email}}</a></div>{{end}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{template "org/menu" .}}
|