code.gitea.io/gitea@v1.22.3/templates/repo/view_file.tmpl (about) 1 <div {{if .ReadmeInList}}id="readme" {{end}}class="{{TabSizeClass .Editorconfig .FileName}} non-diff-file-content"> 2 {{- if .FileError}} 3 <div class="ui error message"> 4 <div class="text left tw-whitespace-pre">{{.FileError}}</div> 5 </div> 6 {{end}} 7 {{- if .FileWarning}} 8 <div class="ui warning message"> 9 <div class="text left tw-whitespace-pre">{{.FileWarning}}</div> 10 </div> 11 {{end}} 12 13 {{if not .ReadmeInList}} 14 <div id="repo-file-commit-box" class="ui segment list-header tw-mb-4 tw-flex tw-justify-between"> 15 <div class="latest-commit"> 16 {{template "repo/latest_commit" .}} 17 </div> 18 {{if .LatestCommit}} 19 {{if .LatestCommit.Committer}} 20 <div class="text grey age"> 21 {{TimeSince .LatestCommit.Committer.When ctx.Locale}} 22 </div> 23 {{end}} 24 {{end}} 25 </div> 26 {{end}} 27 28 <h4 class="file-header ui top attached header tw-flex tw-items-center tw-justify-between tw-flex-wrap"> 29 <div class="file-header-left tw-flex tw-items-center tw-py-2 tw-pr-4"> 30 {{if .ReadmeInList}} 31 {{svg "octicon-book" 16 "tw-mr-2"}} 32 <strong><a class="default-link muted" href="#readme">{{.FileName}}</a></strong> 33 {{else}} 34 {{template "repo/file_info" .}} 35 {{end}} 36 </div> 37 <div class="file-header-right file-actions tw-flex tw-items-center tw-flex-wrap"> 38 {{if .HasSourceRenderedToggle}} 39 <div class="ui compact icon buttons"> 40 <a href="?display=source" class="ui mini basic button {{if .IsDisplayingSource}}active{{end}}" data-tooltip-content="{{ctx.Locale.Tr "repo.file_view_source"}}">{{svg "octicon-code" 15}}</a> 41 <a href="{{$.Link}}" class="ui mini basic button {{if .IsDisplayingRendered}}active{{end}}" data-tooltip-content="{{ctx.Locale.Tr "repo.file_view_rendered"}}">{{svg "octicon-file" 15}}</a> 42 </div> 43 {{end}} 44 {{if not .ReadmeInList}} 45 <div class="ui buttons tw-mr-1"> 46 <a class="ui mini basic button" href="{{$.RawFileLink}}">{{ctx.Locale.Tr "repo.file_raw"}}</a> 47 {{if not .IsViewCommit}} 48 <a class="ui mini basic button" href="{{.RepoLink}}/src/commit/{{PathEscape .CommitID}}/{{PathEscapeSegments .TreePath}}">{{ctx.Locale.Tr "repo.file_permalink"}}</a> 49 {{end}} 50 {{if .IsRepresentableAsText}} 51 <a class="ui mini basic button" href="{{.RepoLink}}/blame/{{.BranchNameSubURL}}/{{PathEscapeSegments .TreePath}}">{{ctx.Locale.Tr "repo.blame"}}</a> 52 {{end}} 53 <a class="ui mini basic button" href="{{.RepoLink}}/commits/{{.BranchNameSubURL}}/{{PathEscapeSegments .TreePath}}">{{ctx.Locale.Tr "repo.file_history"}}</a> 54 {{if .EscapeStatus.Escaped}} 55 <button class="ui mini basic button unescape-button tw-hidden">{{ctx.Locale.Tr "repo.unescape_control_characters"}}</button> 56 <button class="ui mini basic button escape-button">{{ctx.Locale.Tr "repo.escape_control_characters"}}</button> 57 {{end}} 58 </div> 59 <a download href="{{$.RawFileLink}}"><span class="btn-octicon" data-tooltip-content="{{ctx.Locale.Tr "repo.download_file"}}">{{svg "octicon-download"}}</span></a> 60 <a id="copy-content" class="btn-octicon {{if not .CanCopyContent}} disabled{{end}}"{{if or .IsImageFile (and .HasSourceRenderedToggle (not .IsDisplayingSource))}} data-link="{{$.RawFileLink}}"{{end}} data-tooltip-content="{{if .CanCopyContent}}{{ctx.Locale.Tr "copy_content"}}{{else}}{{ctx.Locale.Tr "copy_type_unsupported"}}{{end}}">{{svg "octicon-copy" 14}}</a> 61 {{if .EnableFeed}} 62 <a class="btn-octicon" href="{{$.FeedURL}}/rss/{{$.BranchNameSubURL}}/{{PathEscapeSegments .TreePath}}" data-tooltip-content="{{ctx.Locale.Tr "rss_feed"}}"> 63 {{svg "octicon-rss" 14}} 64 </a> 65 {{end}} 66 {{if .Repository.CanEnableEditor}} 67 {{if .CanEditFile}} 68 <a href="{{.RepoLink}}/_edit/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon" data-tooltip-content="{{.EditFileTooltip}}">{{svg "octicon-pencil"}}</span></a> 69 {{else}} 70 <span class="btn-octicon disabled" data-tooltip-content="{{.EditFileTooltip}}">{{svg "octicon-pencil"}}</span> 71 {{end}} 72 {{if .CanDeleteFile}} 73 <a href="{{.RepoLink}}/_delete/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon btn-octicon-danger" data-tooltip-content="{{.DeleteFileTooltip}}">{{svg "octicon-trash"}}</span></a> 74 {{else}} 75 <span class="btn-octicon disabled" data-tooltip-content="{{.DeleteFileTooltip}}">{{svg "octicon-trash"}}</span> 76 {{end}} 77 {{end}} 78 {{else if .EscapeStatus.Escaped}} 79 <button class="ui mini basic button unescape-button tw-mr-1 tw-hidden">{{ctx.Locale.Tr "repo.unescape_control_characters"}}</button> 80 <button class="ui mini basic button escape-button tw-mr-1">{{ctx.Locale.Tr "repo.escape_control_characters"}}</button> 81 {{end}} 82 {{if and .ReadmeInList .CanEditReadmeFile}} 83 <a class="btn-octicon" data-tooltip-content="{{ctx.Locale.Tr "repo.editor.edit_this_file"}}" href="{{.RepoLink}}/_edit/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}/{{PathEscapeSegments .FileName}}">{{svg "octicon-pencil"}}</a> 84 {{end}} 85 </div> 86 </h4> 87 <div class="ui bottom attached table unstackable segment"> 88 {{if not (or .IsMarkup .IsRenderedHTML)}} 89 {{template "repo/unicode_escape_prompt" dict "EscapeStatus" .EscapeStatus "root" $}} 90 {{end}} 91 <div class="file-view{{if .IsMarkup}} markup {{.MarkupType}}{{else if .IsPlainText}} plain-text{{else if .IsTextSource}} code-view{{end}}"> 92 {{if .IsFileTooLarge}} 93 {{template "shared/filetoolarge" dict "RawFileLink" .RawFileLink}} 94 {{else if .IsMarkup}} 95 {{if .FileContent}}{{.FileContent}}{{end}} 96 {{else if .IsPlainText}} 97 <pre>{{if .FileContent}}{{.FileContent}}{{end}}</pre> 98 {{else if not .IsTextSource}} 99 <div class="view-raw"> 100 {{if .IsImageFile}} 101 <img src="{{$.RawFileLink}}"> 102 {{else if .IsVideoFile}} 103 <video controls src="{{$.RawFileLink}}"> 104 <strong>{{ctx.Locale.Tr "repo.video_not_supported_in_browser"}}</strong> 105 </video> 106 {{else if .IsAudioFile}} 107 <audio controls src="{{$.RawFileLink}}"> 108 <strong>{{ctx.Locale.Tr "repo.audio_not_supported_in_browser"}}</strong> 109 </audio> 110 {{else if .IsPDFFile}} 111 <div class="pdf-content is-loading" data-src="{{$.RawFileLink}}" data-fallback-button-text="{{ctx.Locale.Tr "repo.diff.view_file"}}"></div> 112 {{else}} 113 <a href="{{$.RawFileLink}}" rel="nofollow" class="tw-p-4">{{ctx.Locale.Tr "repo.file_view_raw"}}</a> 114 {{end}} 115 </div> 116 {{else if .FileSize}} 117 <table> 118 <tbody> 119 {{range $idx, $code := .FileContent}} 120 {{$line := Eval $idx "+" 1}} 121 <tr> 122 <td id="L{{$line}}" class="lines-num"><span id="L{{$line}}" data-line-number="{{$line}}"></span></td> 123 {{if $.EscapeStatus.Escaped}} 124 <td class="lines-escape">{{if (index $.LineEscapeStatus $idx).Escaped}}<button class="toggle-escape-button btn interact-bg" title="{{if (index $.LineEscapeStatus $idx).HasInvisible}}{{ctx.Locale.Tr "repo.invisible_runes_line"}} {{end}}{{if (index $.LineEscapeStatus $idx).HasAmbiguous}}{{ctx.Locale.Tr "repo.ambiguous_runes_line"}}{{end}}"></button>{{end}}</td> 125 {{end}} 126 <td rel="L{{$line}}" class="lines-code chroma"><code class="code-inner">{{$code}}</code></td> 127 </tr> 128 {{end}} 129 </tbody> 130 </table> 131 <div class="code-line-menu tippy-target"> 132 {{if $.Permission.CanRead ctx.Consts.RepoUnitTypeIssues}} 133 <a class="item ref-in-new-issue" role="menuitem" data-url-issue-new="{{.RepoLink}}/issues/new" data-url-param-body-link="{{.Repository.Link}}/src/commit/{{PathEscape .CommitID}}/{{PathEscapeSegments .TreePath}}{{if $.HasSourceRenderedToggle}}?display=source{{end}}" rel="nofollow noindex">{{ctx.Locale.Tr "repo.issues.context.reference_issue"}}</a> 134 {{end}} 135 <a class="item view_git_blame" role="menuitem" href="{{.Repository.Link}}/blame/commit/{{PathEscape .CommitID}}/{{PathEscapeSegments .TreePath}}">{{ctx.Locale.Tr "repo.view_git_blame"}}</a> 136 <a class="item copy-line-permalink" role="menuitem" data-url="{{.Repository.Link}}/src/commit/{{PathEscape .CommitID}}/{{PathEscapeSegments .TreePath}}{{if $.HasSourceRenderedToggle}}?display=source{{end}}">{{ctx.Locale.Tr "repo.file_copy_permalink"}}</a> 137 </div> 138 {{end}} 139 </div> 140 </div> 141 </div>