gitocean/templates/repo/issue/view_content/sidebar/actions.tmpl

{{if or .PinEnabled .Issue.IsPinned}}
	<form class="tw-mt-1 form-fetch-action single-button-form" method="post" {{if $.NewPinAllowed}}action="{{.Issue.Link}}/pin"{{else}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.max_pinned"}}"{{end}}>
		<button class="fluid ui button {{if not $.NewPinAllowed}}disabled{{end}}">
			{{if not .Issue.IsPinned}}
				{{svg "octicon-pin" 16 "tw-mr-2"}}
				{{ctx.Locale.Tr "pin"}}
			{{else}}
				{{svg "octicon-pin-slash" 16 "tw-mr-2"}}
				{{ctx.Locale.Tr "unpin"}}
			{{end}}
		</button>
	</form>
{{end}}

<button class="tw-mt-1 fluid ui show-modal button {{if .Issue.IsLocked}} negative {{end}}" data-modal="#lock">
	{{if .Issue.IsLocked}}
		{{svg "octicon-key"}}
		{{ctx.Locale.Tr "repo.issues.unlock"}}
	{{else}}
		{{svg "octicon-lock"}}
		{{ctx.Locale.Tr "repo.issues.lock"}}
	{{end}}
</button>
<dialog class="tw-overflow-visible" id="lock">
	<article>
		<header>
			{{if .Issue.IsLocked}}
				{{ctx.Locale.Tr "repo.issues.unlock.title"}}
			{{else}}
				{{ctx.Locale.Tr "repo.issues.lock.title"}}
			{{end}}
		</header>
		<div class="content">
			<div class="ui warning message">
				{{if .Issue.IsLocked}}
					{{ctx.Locale.Tr "repo.issues.unlock.notice_1"}}<br>
					{{ctx.Locale.Tr "repo.issues.unlock.notice_2"}}<br>
				{{else}}
					{{ctx.Locale.Tr "repo.issues.lock.notice_1"}}<br>
					{{ctx.Locale.Tr "repo.issues.lock.notice_2"}}<br>
					{{ctx.Locale.Tr "repo.issues.lock.notice_3"}}<br>
				{{end}}
			</div>
		</div>
		<form class="ui form form-fetch-action" action="{{.Issue.Link}}{{if .Issue.IsLocked}}/unlock{{else}}/lock{{end}}" method="post">
			<div class="content">
			{{if not .Issue.IsLocked}}
				<div class="field">
					<strong>{{ctx.Locale.Tr "repo.issues.lock.reason"}}</strong>
				</div>

				<div class="field">
					<div class="ui fluid dropdown selection">

						<select name="reason">
							<option value=""> </option>
							{{range .LockReasons}}
								<option value="{{.}}">{{.}}</option>
							{{end}}
						</select>
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}

						<div class="default text"> </div>

						<div class="menu">
							{{range .LockReasons}}
								<div class="item" data-value="{{.}}">{{.}}</div>
							{{end}}
						</div>
					</div>
				</div>
			{{end}}
			</div>
			<div class="actions">
				<button type="button" class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
				<button type="submit" class="ui red button">
					{{if .Issue.IsLocked}}
						{{ctx.Locale.Tr "repo.issues.unlock_confirm"}}
					{{else}}
						{{ctx.Locale.Tr "repo.issues.lock_confirm"}}
					{{end}}
				</button>
			</div>
		</form>
	</article>
</dialog>
<button class="tw-mt-1 fluid ui show-modal button" data-modal="#sidebar-delete-issue">
	{{svg "octicon-trash"}}
	{{ctx.Locale.Tr "repo.issues.delete"}}
</button>
<dialog id="sidebar-delete-issue">
	<article>
		<header>
			{{if .Issue.IsPull}}
				{{ctx.Locale.Tr "repo.pulls.delete.title"}}
			{{else}}
				{{ctx.Locale.Tr "repo.issues.delete.title"}}
			{{end}}
		</header>
		<div class="content">
			<p>
				{{if .Issue.IsPull}}
					{{ctx.Locale.Tr "repo.pulls.delete.text"}}
				{{else}}
					{{ctx.Locale.Tr "repo.issues.delete.text"}}
				{{end}}
			</p>
		</div>
		<form action="{{.Issue.Link}}/delete" method="post">
			{{template "base/modal_actions_confirm" .}}
		</form>
	</article>
</dialog>