* add thumbnail preview section to attachments * dont show thumbnail if the image is already shown inline * update router to pass the `content` to the attachemnts template * limit attachment preview height to 150px (same as width) * remove unused css (referance removed in https://github.com/go-gitea/gitea/pull/11141/files#diff-9faae32445ed9673de2830c9fc35e93f44487f0a0068202988adaf00a5bac850L66 ) * dont show divider after edit if no attachemnts Co-authored-by: James <inbox.dev@jhodges.co.uk> Co-authored-by: 6543 <6543@obermui.de>
		
			
				
	
	
		
			226 lines
		
	
	
	
		
			9.1 KiB
		
	
	
	
		
			Cheetah
		
	
	
	
	
	
			
		
		
	
	
			226 lines
		
	
	
	
		
			9.1 KiB
		
	
	
	
		
			Cheetah
		
	
	
	
	
	
<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}}
 | 
						|
 | 
						|
	{{ $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="/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">
 | 
						|
									<i class="fa {{MigrationIcon .Repository.GetOriginalURLHostname}}" aria-hidden="true"></i>
 | 
						|
									{{ .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.ShowTag 0}}
 | 
						|
									<div class="ui basic label">
 | 
						|
										{{if eq .Issue.ShowTag 2}}
 | 
						|
											{{$.i18n.Tr "repo.issues.collaborator"}}
 | 
						|
										{{else if eq .Issue.ShowTag 3}}
 | 
						|
											{{$.i18n.Tr "repo.issues.owner"}}
 | 
						|
										{{end}}
 | 
						|
									</div>
 | 
						|
								{{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 "diff" false "IsCommentPoster" $.IsIssuePoster}}
 | 
						|
							{{end}}
 | 
						|
						</div>
 | 
						|
					</div>
 | 
						|
					<div class="ui attached segment comment-body">
 | 
						|
						<div class="render-content markdown">
 | 
						|
							{{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 markdown">
 | 
						|
				{{$.i18n.Tr "loading"}}
 | 
						|
			</div>
 | 
						|
		</div>
 | 
						|
		{{if .IsAttachmentEnabled}}
 | 
						|
			<div class="field">
 | 
						|
				<div class="comment-files"></div>
 | 
						|
				{{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>
 | 
						|
 | 
						|
<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-trashcan"}}
 | 
						|
		{{.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>
 |