forgejo/templates/repo/issue/view_content.tmpl

<div class="ui stackable grid">
	{{if .Flash}}
		<div class="sixteen wide column">
			{{template "base/alert" .}}
		</div>
	{{end}}
	{{if not .Issue.IsPull}}
		{{template "repo/issue/view_title" .}}
	{{end}}

	<!-- I know, there is probably a better way to do this (moved from sidebar.tmpl, original author: 6543 @ 2021-02-28) -->
	<!-- Agree, there should be a better way, eg: introduce window.config.pageData (original author: wxiaoguang @ 2021-09-05) -->
	<input type="hidden" id="repolink" value="{{$.RepoRelPath}}">
	<input type="hidden" id="repoId" value="{{.Repository.ID}}">
	<input type="hidden" id="issueIndex" value="{{.Issue.Index}}"/>
	<input type="hidden" id="type" value="{{.IssueType}}">

	{{ $createdStr:= TimeSinceUnix .Issue.CreatedUnix $.Lang }}
	<div class="twelve wide column comment-list prevent-before-timeline">
		<ui class="ui timeline">
			<div id="{{.Issue.HashTag}}" class="timeline-item comment first">
			{{if .Issue.OriginalAuthor }}
				<span class="timeline-avatar"><img src="{{AppSubUrl}}/assets/img/avatar_default.png"></span>
			{{else}}
				<a class="timeline-avatar" {{if gt .Issue.Poster.ID 0}}href="{{.Issue.Poster.HomeLink}}"{{end}}>
					{{avatar .Issue.Poster}}
				</a>
			{{end}}
				<div class="content comment-container">
					<div class="ui top attached header comment-header df ac sb">
						<div class="comment-header-left df ac">
							{{if .Issue.OriginalAuthor }}
								<span class="text black">
									{{svg (MigrationIcon .Repository.GetOriginalURLHostname)}}
									{{ .Issue.OriginalAuthor }}
								</span>
								<span class="text grey">
									{{ .i18n.Tr "repo.issues.commented_at" .Issue.HashTag $createdStr | Safe }}
								</span>
								<span class="text migrate">
									{{if .Repository.OriginalURL}} ({{$.i18n.Tr "repo.migrated_from" .Repository.OriginalURL .Repository.GetOriginalURLHostname | Safe }}){{end}}
								</span>
							{{else}}
								<span class="text grey">
									<a class="author"{{if gt .Issue.Poster.ID 0}} href="{{.Issue.Poster.HomeLink}}"{{end}}>{{.Issue.Poster.GetDisplayName}}</a>
									{{.i18n.Tr "repo.issues.commented_at" .Issue.HashTag $createdStr | Safe}}
								</span>
							{{end}}
						</div>
						<div class="comment-header-right actions df ac">
							{{if not $.Repository.IsArchived}}
								{{if gt .Issue.ShowRole 0}}
									{{if (.Issue.ShowRole.HasRole "Writer")}}
										<div class="ui basic label">
											{{$.i18n.Tr "repo.issues.collaborator"}}
										</div>
									{{end}}
									{{if (.Issue.ShowRole.HasRole "Owner")}}
										<div class="ui basic label">
											{{$.i18n.Tr "repo.issues.owner"}}
										</div>
									{{end}}
								{{end}}
								{{template "repo/issue/view_content/add_reaction" Dict "ctx" $ "ActionURL" (Printf "%s/issues/%d/reactions" $.RepoLink .Issue.Index)}}
								{{template "repo/issue/view_content/context_menu" Dict "ctx" $ "item" .Issue "delete" false "issue" true "diff" false "IsCommentPoster" $.IsIssuePoster}}
							{{end}}
						</div>
					</div>
					<div class="ui attached segment comment-body">
						<div class="render-content markup" {{if or $.Permission.IsAdmin $.HasIssuesOrPullsWritePermission $.IsIssuePoster}}data-can-edit="true"{{end}}>
							{{if .Issue.RenderedContent}}
								{{.Issue.RenderedContent|Str2html}}
							{{else}}
								<span class="no-content">{{.i18n.Tr "repo.issues.no_content"}}</span>
							{{end}}
						</div>
						<div id="comment-{{.Issue.ID}}" class="raw-content hide">{{.Issue.Content}}</div>
						<div class="edit-content-zone hide" data-write="issue-{{.Issue.ID}}-write" data-preview="issue-{{.Issue.ID}}-preview" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/content" data-context="{{.RepoLink}}" data-attachment-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/attachments" data-view-attachment-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/view-attachments"></div>
						{{if .Issue.Attachments}}
							{{template "repo/issue/view_content/attachments" Dict "ctx" $ "Attachments" .Issue.Attachments "Content" .Issue.RenderedContent}}
						{{end}}
					</div>
					{{$reactions := .Issue.Reactions.GroupByType}}
					{{if $reactions}}
						<div class="ui attached segment reactions">
							{{template "repo/issue/view_content/reactions" Dict "ctx" $ "ActionURL" (Printf "%s/issues/%d/reactions" $.RepoLink .Issue.Index) "Reactions" $reactions}}
						</div>
					{{end}}
				</div>
			</div>

			{{ template "repo/issue/view_content/comments" . }}

			{{if and .Issue.IsPull (not $.Repository.IsArchived)}}
				{{ template "repo/issue/view_content/pull". }}
			{{end}}
			{{if .IsSigned}}
				{{ if and (or .IsRepoAdmin .HasIssuesOrPullsWritePermission (not .Issue.IsLocked)) (not .Repository.IsArchived) }}
				<div class="timeline-item comment form">
					<a class="timeline-avatar" href="{{.SignedUser.HomeLink}}">
						{{avatar .SignedUser}}
					</a>
					<div class="content">
						<form class="ui segment form" id="comment-form" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/comments" method="post">
							{{template "repo/issue/comment_tab" .}}
							{{.CsrfTokenHtml}}
							<input id="status" name="status" type="hidden">
							<div class="field footer">
								<div class="text right">
									{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .DisableStatusChange)}}
										{{if .Issue.IsClosed}}
											<div id="status-button" class="ui green basic button" tabindex="6" data-status="{{.i18n.Tr "repo.issues.reopen_issue"}}" data-status-and-comment="{{.i18n.Tr "repo.issues.reopen_comment_issue"}}" data-status-val="reopen">
												{{.i18n.Tr "repo.issues.reopen_issue"}}
											</div>
										{{else}}
											<div id="status-button" class="ui red basic button" tabindex="6" data-status="{{.i18n.Tr "repo.issues.close_issue"}}" data-status-and-comment="{{.i18n.Tr "repo.issues.close_comment_issue"}}" data-status-val="close">
												{{.i18n.Tr "repo.issues.close_issue"}}
											</div>
										{{end}}
									{{end}}
									<button class="ui green button" tabindex="5">
										{{.i18n.Tr "repo.issues.create_comment"}}
									</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				{{ else if .Repository.IsArchived }}
					<div class="ui warning message">
						{{if .Issue.IsPull}}
							{{.i18n.Tr "repo.archive.pull.nocomment"}}
						{{else}}
							{{.i18n.Tr "repo.archive.issue.nocomment"}}
						{{end}}
					</div>
				{{ end }}
			{{else}}
			{{if .Repository.IsArchived}}
				<div class="ui warning message">
					{{if .Issue.IsPull}}
						{{.i18n.Tr "repo.archive.pull.nocomment"}}
					{{else}}
						{{.i18n.Tr "repo.archive.issue.nocomment"}}
					{{end}}
				</div>
			{{else}}
				{{if .IsSigned}}
					{{if .Repository.IsArchived}}
					<div class="timeline-item comment form">
						<a class="timeline-avatar" href="{{.SignedUser.HomeLink}}">
							{{avatar .SignedUser}}
						</a>
						<div class="content">
							<form class="ui segment form" id="comment-form" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/comments" method="post">
								{{template "repo/issue/comment_tab" .}}
								{{.CsrfTokenHtml}}
								<input id="status" name="status" type="hidden">
								<div class="field footer">
									<div class="text right">
										{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .DisableStatusChange)}}
											{{if .Issue.IsClosed}}
												<div id="status-button" class="ui green basic button" tabindex="6" data-status="{{.i18n.Tr "repo.issues.reopen_issue"}}" data-status-and-comment="{{.i18n.Tr "repo.issues.reopen_comment_issue"}}" data-status-val="reopen">
													{{.i18n.Tr "repo.issues.reopen_issue"}}
												</div>
											{{else}}
												<div id="status-button" class="ui red basic button" tabindex="6" data-status="{{.i18n.Tr "repo.issues.close_issue"}}" data-status-and-comment="{{.i18n.Tr "repo.issues.close_comment_issue"}}" data-status-val="close">
													{{.i18n.Tr "repo.issues.close_issue"}}
												</div>
											{{end}}
										{{end}}
										<button class="ui green button" tabindex="5">
											{{.i18n.Tr "repo.issues.create_comment"}}
										</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					{{end}}
				{{else}}
					<div class="ui warning message">
						{{.i18n.Tr "repo.issues.sign_in_require_desc" .SignInLink | Safe}}
					</div>
				{{end}}
			{{end}}
		{{end}}
		</ui>
	</div>

	{{ template "repo/issue/view_content/sidebar" . }}
</div>

<div class="hide" id="edit-content-form">
	<div class="ui comment form">
		<div class="ui top tabular menu">
			<a class="active write item">{{$.i18n.Tr "write"}}</a>
			<a class="preview item" data-url="{{$.Repository.APIURL}}/markdown" data-context="{{$.RepoLink}}">{{$.i18n.Tr "preview"}}</a>
		</div>
		<div class="field">
			<div class="ui bottom active tab write">
				<textarea tabindex="1" name="content"></textarea>
			</div>
			<div class="ui bottom tab preview markup">
				{{$.i18n.Tr "loading"}}
			</div>
		</div>
		{{if .IsAttachmentEnabled}}
			<div class="field">
				{{template "repo/upload" .}}
			</div>
		{{end}}
		<div class="field footer">
			<div class="text right edit">
				<div class="ui basic blue cancel button" tabindex="3">{{.i18n.Tr "repo.issues.cancel"}}</div>
				<div class="ui green save button" tabindex="2">{{.i18n.Tr "repo.issues.save"}}</div>
			</div>
		</div>
	</div>
</div>

{{template "repo/issue/view_content/reference_issue_dialog" .}}

<div class="hide" id="no-content">
	<span class="no-content">{{.i18n.Tr "repo.issues.no_content"}}</span>
</div>

<div class="ui small basic delete modal">
	<div class="ui icon header">
		{{svg "octicon-trash"}}
		{{.i18n.Tr "repo.branch.delete" .HeadTarget }}
	</div>
	<div class="content">
		<p>{{.i18n.Tr "repo.branch.delete_desc" | Str2html}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>