jojo/templates/repo/issue/view_content.tmpl

<div class="issue-content">
	<!-- 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:= DateUtils.TimeSince .Issue.CreatedUnix}}
	<div class="issue-content-left comment-list prevent-before-timeline">
		<div class="ui timeline">
			<div id="{{.Issue.HashTag}}" class="timeline-item comment first">
				{{if .Issue.OriginalAuthor}}
				<span class="timeline-avatar">
					{{ctx.AvatarUtils.Avatar nil 40}}
				</span>
				{{else}}
				<a class="timeline-avatar" {{if gt .Issue.Poster.ID 0}}href="{{.Issue.Poster.HomeLink}}"{{end}}>
					{{ctx.AvatarUtils.Avatar .Issue.Poster 40}}
				</a>
				{{end}}
				<div class="content comment-container">
					<div class="ui top attached header comment-header tw-flex tw-items-center tw-justify-between" role="heading" aria-level="3">
						<div class="comment-header-left tw-flex tw-items-center">
							{{if .Issue.OriginalAuthor}}
								<span class="text black tw-font-semibold">
									{{svg (MigrationIcon .Repository.GetOriginalURLHostname)}}
									{{.Issue.OriginalAuthor}}
								</span>
								<span class="text grey muted-links">
									{{ctx.Locale.Tr "repo.issues.commented_at" .Issue.HashTag $createdStr}}
								</span>
								<span class="text migrate">
									{{if .Repository.OriginalURL}} ({{ctx.Locale.Tr "repo.migrated_from" .Repository.OriginalURL .Repository.GetOriginalURLHostname}}){{end}}
								</span>
							{{else}}
								<a class="inline-timeline-avatar" href="{{.Issue.Poster.HomeLink}}">
									{{ctx.AvatarUtils.Avatar .Issue.Poster 24}}
								</a>
								<span class="text grey muted-links">
									{{template "shared/user/authorlink" .Issue.Poster}}
									{{ctx.Locale.Tr "repo.issues.commented_at" .Issue.HashTag $createdStr}}
								</span>
							{{end}}
						</div>
						<div class="comment-header-right actions tw-flex tw-items-center">
							{{template "repo/issue/view_content/show_role" dict "ShowRole" .Issue.ShowRole "IgnorePoster" true "IsPull" .Issue.IsPull}}
							{{if not $.Repository.IsArchived}}
								{{template "repo/issue/view_content/add_reaction" dict "ctxData" $ "ActionURL" (printf "%s/issues/%d/reactions" $.RepoLink .Issue.Index)}}
							{{end}}
							{{template "repo/issue/view_content/context_menu" dict "ctxData" $ "item" .Issue "delete" false "issue" true "diff" false "IsCommentPoster" $.IsIssuePoster}}
						</div>
					</div>
					<div class="ui attached segment comment-body" role="article">
						<div id="issue-{{.Issue.ID}}-content" class="render-content markup" {{if or $.Permission.IsAdmin $.HasIssuesOrPullsWritePermission $.IsIssuePoster}}data-can-edit="true"{{end}}>
							{{if .Issue.RenderedContent}}
								{{.Issue.RenderedContent}}
							{{else}}
								<span class="no-content">{{ctx.Locale.Tr "repo.issues.no_content"}}</span>
							{{end}}
						</div>
						<div id="issue-{{.Issue.ID}}-raw" class="raw-content tw-hidden">{{.Issue.Content}}</div>
						<div class="edit-content-zone tw-hidden" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/content" data-content-version="{{.Issue.ContentVersion}}" 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 "Attachments" .Issue.Attachments "RenderedContent" .Issue.RenderedContent}}
						{{end}}
					</div>
					{{$reactions := .Issue.Reactions.GroupByType}}
					{{if $reactions}}
						{{template "repo/issue/view_content/reactions" dict "ctxData" $ "ActionURL" (printf "%s/issues/%d/reactions" $.RepoLink .Issue.Index) "Reactions" $reactions}}
					{{end}}
				</div>
			</div>

			{{template "repo/issue/view_content/comments" .}}
			<div id="insert-timeline"></div>

			{{if and .Issue.IsPull (not $.Repository.IsArchived)}}
				{{template "repo/issue/view_content/pull".}}
			{{end}}

			{{if .Repository.IsArchived}}
				<div class="ui warning message tw-text-center">
					{{ctx.Locale.Tr "repo.archive.nocomment"}}
				</div>
			{{else if .IsBlocked}}
				<div class="ui warning message">
					{{ctx.Locale.Tr "repo.comment.blocked_by_user"}}
				</div>
			{{else if and .Issue.IsLocked (not (or .IsRepoAdmin .HasIssuesOrPullsWritePermission))}}
				<div class="ui warning message">
					{{ctx.Locale.Tr "discussion.locked"}}
				</div>
			{{else if .IsSigned}}
				<div class="timeline-item comment form">
					<a class="timeline-avatar" href="{{.SignedUser.HomeLink}}">
						{{ctx.AvatarUtils.Avatar .SignedUser 40}}
					</a>
					<div class="content">
						<form class="ui segment form form-fetch-action" id="comment-form" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/comments" method="post">
							{{template "repo/issue/comment_tab" .}}
							<div class="field footer">
								<div class="button-sequence tw-justify-end">
									{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .DisableStatusChange)}}
										{{if .Issue.IsClosed}}
											<button id="status-button" class="secondary button" data-status="{{ctx.Locale.Tr "repo.issues.reopen_issue"}}" data-status-and-comment="{{ctx.Locale.Tr "repo.issues.reopen_comment_issue"}}" name="status" value="reopen">
												{{svg "octicon-issue-reopened"}}
												<span>
													{{ctx.Locale.Tr "repo.issues.reopen_issue"}}
												</span>
											</button>
										{{else}}
											{{$closeTranslationKey := "repo.issues.close"}}
											{{if .Issue.IsPull}}
												{{$closeTranslationKey = "repo.pulls.close"}}
											{{end}}
											<button id="status-button" class="secondary button" data-status="{{ctx.Locale.Tr $closeTranslationKey}}" data-status-and-comment="{{ctx.Locale.Tr "repo.issues.close_comment_issue"}}" name="status" value="close">
												{{svg "octicon-issue-closed"}}
												<span>
													{{ctx.Locale.Tr $closeTranslationKey}}
												</span>
											</button>
										{{end}}
									{{end}}
									<button class="primary button">
										{{ctx.Locale.Tr "repo.issues.create_comment"}}
									</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			{{else}} {{/* not .IsSigned */}}
				<div class="ui warning message">
					{{ctx.Locale.Tr "repo.issues.sign_in_require_desc" .SignInLink}}
				</div>
			{{end}}
		</div>
	</div>

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

<template id="issue-comment-editor-template">
	<div class="ui comment form">
		<div class="field">
			{{template "shared/combomarkdowneditor" (dict
				"MarkdownPreviewUrl" (print .Repository.Link "/markup")
				"MarkdownPreviewContext" .RepoLink
				"TextareaName" "content"
				"DropzoneParentContainer" ".ui.form"
			)}}
		</div>

		{{if .IsAttachmentEnabled}}
			<div class="field">
				{{template "repo/upload" .}}
			</div>
		{{end}}

		<div class="field">
			<div class="text right edit">
				<button class="ui basic cancel button" data-button-name="cancel-edit">{{ctx.Locale.Tr "repo.issues.cancel"}}</button>
				<button class="ui primary save button" data-button-name="save-edit">{{ctx.Locale.Tr "repo.issues.save"}}</button>
			</div>
		</div>
	</div>
</template>

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

<div class="tw-hidden" id="no-content">
	<span class="no-content">{{ctx.Locale.Tr "repo.issues.no_content"}}</span>
</div>

<div class="ui g-modal-confirm delete modal" id="delete-branch">
	<div class="header">
		{{svg "octicon-trash"}}
		{{ctx.Locale.Tr "repo.branch.delete" .HeadTarget}}
	</div>
	<div class="content">
		<p>{{ctx.Locale.Tr "repo.branch.delete_desc"}}</p>
	</div>
	{{template "base/modal_actions_confirm" .}}
</div>