mirror of
https://github.com/go-gitea/gitea.git
synced 2026-10-26 06:16:56 +09:00
silverwindandwxiaoguang
e645afbb3f
Replace Fomantic's hard-forked jQuery modal with native `<dialog>` elements, advancing https://github.com/go-gitea/gitea/issues/29849. The UI is visually unchanged. Dialogs open with `show()` over an `inert` page, so tooltips, popups and toasts mounted on `<body>` stay usable above them, unlike with `showModal()` (https://github.com/whatwg/html/issues/9936). - Remove the Fomantic modal and dimmer, add `showModal` and `hideModal` - Declare modals as `<dialog class="modal-dialog">`, shown inside a `.modal-backdrop`, instead of `ui modal` with its unused size classes - Remove two modals that could never be opened - Block the page while a modal is open, close the topmost one on Escape and restore focus to its opener - Allow stacked modals, use a confirm modal instead of `window.confirm` for deleting content history - Hide popups and toasts when a modal opens or closes - Keep the release notes modal open when generating notes fails Fixes: https://github.com/go-gitea/gitea/issues/39643 Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
59 lines
3.1 KiB
Handlebars
59 lines
3.1 KiB
Handlebars
{{/* "z-index" is used to maintain continuous attached styling and keep the colored border-bottom visible (pre-existing fomantic issue with negative margins) */}}
|
|
<div class="ui blue info attached message flex-left-right tw-z-1">
|
|
<span>{{ctx.Locale.Tr "actions.workflow.has_workflow_dispatch"}}</span>
|
|
<div class="flex-text-block tw-bg-box-body tw-rounded">{{/*make the button have correct hovered color */}}
|
|
<button type="button" class="ui mini button show-modal" data-modal="#runWorkflowDispatchModal">{{ctx.Locale.Tr "actions.workflow.run"}}{{svg "octicon-triangle-down" 14 "dropdown icon"}}</button>
|
|
</div>
|
|
</div>
|
|
<dialog id="runWorkflowDispatchModal" class="modal-dialog">
|
|
<div class="content">
|
|
<form id="runWorkflowDispatchForm" class="ui form ignore-dirty" action="{{$.Link}}/run?workflow={{$.CurWorkflow}}&scoped_workflow_source_repo_id={{$.CurWorkflowRepoID}}&actor={{$.CurActor}}&status={{$.CurStatus}}&branch={{$.CurBranch}}" method="post">
|
|
<div class="ui inline field required tw-flex tw-items-center">
|
|
<span class="ui inline required field">
|
|
<label>{{ctx.Locale.Tr "actions.workflow.from_ref"}}:</label>
|
|
</span>
|
|
<div class="ui inline field dropdown button select-branch branch-selector-dropdown ellipsis-text-items">
|
|
<input type="hidden" name="ref" value="refs/heads/{{index .Branches 0}}"
|
|
data-fetch-trigger="change" data-fetch-sync="$body #runWorkflowDispatchModalInputs"
|
|
data-fetch-url="{{$.Link}}/workflow-dispatch-inputs?workflow={{$.CurWorkflow}}&scoped_workflow_source_repo_id={{$.CurWorkflowRepoID}}"
|
|
>
|
|
{{svg "octicon-git-branch" 14}}
|
|
<div class="default text">{{index .Branches 0}}</div>
|
|
{{svg "octicon-triangle-down" 14 "dropdown icon"}}
|
|
<div class="menu transition">
|
|
<div class="ui icon search input">
|
|
<i class="icon">{{svg "octicon-filter" 16}}</i>
|
|
<input name="search" type="text" placeholder="{{ctx.Locale.Tr "repo.filter_branch_and_tag"}}...">
|
|
</div>
|
|
<div class="branch-tag-tab">
|
|
<button type="button" class="btn branch-tag-item reference column active" data-target="#branch-list">
|
|
{{svg "octicon-git-branch" 16 "tw-mr-1"}} {{ctx.Locale.Tr "repo.branches"}}
|
|
</button>
|
|
<button type="button" class="btn branch-tag-item reference column" data-target="#tag-list">
|
|
{{svg "octicon-tag" 16 "tw-mr-1"}} {{ctx.Locale.Tr "repo.tags"}}
|
|
</button>
|
|
</div>
|
|
<div class="branch-tag-divider"></div>
|
|
<div id="branch-list" class="scrolling menu reference-list-menu">
|
|
{{range .Branches}}
|
|
<div class="item" data-value="refs/heads/{{.}}" title="{{.}}">{{.}}</div>
|
|
{{else}}
|
|
<div class="item">{{ctx.Locale.Tr "no_results_found"}}</div>
|
|
{{end}}
|
|
</div>
|
|
<div id="tag-list" class="scrolling menu reference-list-menu tw-hidden">
|
|
{{range .Tags}}
|
|
<div class="item" data-value="refs/tags/{{.}}" title="{{.}}">{{.}}</div>
|
|
{{else}}
|
|
<div class="item">{{ctx.Locale.Tr "no_results_found"}}</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
{{template "repo/actions/workflow_dispatch_inputs" .}}
|
|
</form>
|
|
</div>
|
|
</dialog>
|