48e3e38ee0
Follow #24393 The funny history: * At the beginning, `.ui.message` was polluted by `text-align: center` * Then people do `<div class="ui ... message text left">` * But `.ui.left` is polluted by `float: left` * Then people do `#xxx .ui.message { width: 100% !important;}` The code just becomes more and more hacky. After removing the pollution, everything becomes clear and straight. And, this PR also does: 1. Remove the `package.css`, its styles could be provided by `top aligned` 2. Remove `#avatar-arrow`, dead code Screenshot:   Co-authored-by: Giteabot <teabot@gitea.io>
90 lines
3.4 KiB
Handlebars
90 lines
3.4 KiB
Handlebars
{{if eq .PackageDescriptor.Package.Type "container"}}
|
|
<h4 class="ui top attached header">{{.locale.Tr "packages.installation"}}</h4>
|
|
<div class="ui attached segment">
|
|
<div class="ui form">
|
|
<div class="field">
|
|
<label>{{svg "octicon-terminal"}} {{.locale.Tr "packages.container.pull"}}</label>
|
|
{{if eq .PackageDescriptor.Metadata.Type "helm"}}
|
|
<div class="markup"><pre class="code-block"><code>helm pull oci://{{.RegistryHost}}/{{.PackageDescriptor.Owner.LowerName}}/{{.PackageDescriptor.Package.LowerName}} --version {{.PackageDescriptor.Version.LowerVersion}}</code></pre></div>
|
|
{{else}}
|
|
{{$separator := ":"}}
|
|
{{if not .PackageDescriptor.Metadata.IsTagged}}
|
|
{{$separator = "@"}}
|
|
{{end}}
|
|
<div class="markup"><pre class="code-block"><code>docker pull {{.RegistryHost}}/{{.PackageDescriptor.Owner.LowerName}}/{{.PackageDescriptor.Package.LowerName}}{{$separator}}{{.PackageDescriptor.Version.LowerVersion}}</code></pre></div>
|
|
{{end}}
|
|
</div>
|
|
<div class="field">
|
|
<label>{{svg "octicon-code"}} {{.locale.Tr "packages.container.digest"}}</label>
|
|
<div class="markup"><pre class="code-block"><code>{{range .PackageDescriptor.Files}}{{if eq .File.LowerName "manifest.json"}}{{.Properties.GetByName "container.digest"}}{{end}}{{end}}</code></pre></div>
|
|
</div>
|
|
<div class="field">
|
|
<label>{{.locale.Tr "packages.container.documentation" "https://docs.gitea.io/en-us/usage/packages/container/" | Safe}}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{if .PackageDescriptor.Metadata.Manifests}}
|
|
<h4 class="ui top attached header">{{.locale.Tr "packages.container.multi_arch"}}</h4>
|
|
<div class="ui attached segment">
|
|
<table class="ui very basic compact table">
|
|
<thead>
|
|
<tr>
|
|
<th>{{.locale.Tr "packages.container.digest"}}</th>
|
|
<th>{{.locale.Tr "packages.container.multi_arch"}}</th>
|
|
<th>{{.locale.Tr "admin.packages.size"}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .PackageDescriptor.Metadata.Manifests}}
|
|
<tr>
|
|
<td><a href="{{$.PackageDescriptor.PackageWebLink}}/{{PathEscape .Digest}}">{{.Digest}}</a></td>
|
|
<td>{{.Platform}}</td>
|
|
<td>{{FileSize .Size}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{end}}
|
|
{{if .PackageDescriptor.Metadata.Description}}
|
|
<h4 class="ui top attached header">{{.locale.Tr "packages.about"}}</h4>
|
|
<div class="ui attached segment">
|
|
{{.PackageDescriptor.Metadata.Description}}
|
|
</div>
|
|
{{end}}
|
|
{{if .PackageDescriptor.Metadata.ImageLayers}}
|
|
<h4 class="ui top attached header">{{.locale.Tr "packages.container.layers"}}</h4>
|
|
<div class="ui attached segment gt-word-break">
|
|
<table class="ui very basic compact table">
|
|
<tbody>
|
|
{{range .PackageDescriptor.Metadata.ImageLayers}}
|
|
<tr>
|
|
<td>{{.}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{end}}
|
|
{{if .PackageDescriptor.Metadata.Labels}}
|
|
<h4 class="ui top attached header">{{.locale.Tr "packages.container.labels"}}</h4>
|
|
<div class="ui attached segment">
|
|
<table class="ui very basic compact table">
|
|
<thead>
|
|
<tr>
|
|
<th>{{.locale.Tr "packages.container.labels.key"}}</th>
|
|
<th>{{.locale.Tr "packages.container.labels.value"}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range $key, $value := .PackageDescriptor.Metadata.Labels}}
|
|
<tr>
|
|
<td class="top aligned">{{$key}}</td>
|
|
<td class="gt-word-break">{{$value}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|