mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-11 11:28:02 -05:00
9693f08812
Backport #28520 by @framitdavid
There is an accessibility issue in the interface when attempting to
delete a repository. When I click on "Delete repository," a dialog box
appears, requiring confirmation to proceed with the repository deletion.
However, when I press the "Repo name" label, the wrong input field gains
focus. The focused field is located behind the dialog and is intended
for renaming the repository.
I am submitting these pull requests to ensure that the correct input
field is focused when the user clicks on the label. This change will
also facilitate the writing of tests using Playwright or Testing Library
to retrieve elements based on roles. This PR will also improve
acessibility of this area.
Co-authored-by: David Øvrelid <46874830+framitdavid@users.noreply.github.com>
(cherry picked from commit 932e282e15)
101 lines
3.7 KiB
Go HTML Template
101 lines
3.7 KiB
Go HTML Template
{{template "base/head" .}}
|
|
<div role="main" aria-label="{{.Title}}" class="page-content repository">
|
|
{{template "repo/header" .}}
|
|
<div class="ui container">
|
|
<div class="ui grid">
|
|
<div class="sixteen wide column content">
|
|
{{template "base/alert" .}}
|
|
<div class="home">
|
|
<div class="ui stackable middle very relaxed page grid">
|
|
<div id="repo_migrating" class="sixteen wide center aligned centered column" data-migrating-task-id="{{.MigrateTask.ID}}">
|
|
<div>
|
|
<img src="{{AssetUrlPrefix}}/img/forgejo-loading.svg" width="256" height="256">
|
|
</div>
|
|
</div>
|
|
<div id="repo_migrating_failed_image" class="sixteen wide center aligned centered column gt-hidden">
|
|
<div>
|
|
<span class="red">{{svg "octicon-git-pull-request-closed" 256 "ui red icon"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui stackable middle very relaxed page grid">
|
|
<div class="sixteen wide center aligned centered column">
|
|
<div id="repo_migrating_progress">
|
|
<p>{{ctx.Locale.Tr "repo.migrate.migrating" .CloneAddr | Safe}}</p>
|
|
<p id="repo_migrating_progress_message"></p>
|
|
</div>
|
|
<div id="repo_migrating_failed" class="gt-hidden">
|
|
{{if .CloneAddr}}
|
|
<p>{{ctx.Locale.Tr "repo.migrate.migrating_failed" .CloneAddr | Safe}}</p>
|
|
{{else}}
|
|
<p>{{ctx.Locale.Tr "repo.migrate.migrating_failed_no_addr" | Safe}}</p>
|
|
{{end}}
|
|
<p id="repo_migrating_failed_error"></p>
|
|
</div>
|
|
{{if .Permission.IsAdmin}}
|
|
<div class="divider"></div>
|
|
<div class="item">
|
|
{{if .Failed}}
|
|
<button class="ui basic red show-modal button" data-modal="#delete-repo-modal">{{ctx.Locale.Tr "repo.settings.delete"}}</button>
|
|
{{else}}
|
|
<button class="ui basic show-modal button" data-modal="#cancel-repo-modal">{{ctx.Locale.Tr "cancel"}}</button>
|
|
{{end}}
|
|
<button id="repo_migrating_retry" data-migrating-task-retry-url="{{.Link}}/settings/migrate/retry" class="ui basic button gt-hidden">{{ctx.Locale.Tr "retry"}}</button>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui small modal" id="delete-repo-modal">
|
|
<div class="header">
|
|
{{ctx.Locale.Tr "repo.settings.delete"}}
|
|
</div>
|
|
<div class="content">
|
|
<div class="ui warning message">
|
|
{{ctx.Locale.Tr "repo.settings.delete_notices_1" | Safe}}<br>
|
|
{{ctx.Locale.Tr "repo.settings.delete_notices_2" .Repository.FullName | Safe}}
|
|
{{if .Repository.NumForks}}<br>
|
|
{{ctx.Locale.Tr "repo.settings.delete_notices_fork_1"}}
|
|
{{end}}
|
|
</div>
|
|
<form class="ui form" action="{{.Link}}/settings" method="post">
|
|
{{.CsrfTokenHtml}}
|
|
<input type="hidden" name="action" value="delete">
|
|
<div class="field">
|
|
<label>
|
|
{{ctx.Locale.Tr "repo.settings.transfer_form_title"}}
|
|
<span class="text red">{{.Repository.Name}}</span>
|
|
</label>
|
|
</div>
|
|
<div class="required field">
|
|
<label for="repo_name_to_delete">{{ctx.Locale.Tr "repo.repo_name"}}</label>
|
|
<input id="repo_name_to_delete" name="repo_name" required>
|
|
</div>
|
|
|
|
<div class="text right actions">
|
|
<button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
|
|
<button class="ui red button">{{ctx.Locale.Tr "repo.settings.confirm_delete"}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui g-modal-confirm modal" id="cancel-repo-modal">
|
|
<div class="header">
|
|
{{ctx.Locale.Tr "repo.migrate.cancel_migrating_title"}}
|
|
</div>
|
|
<form action="{{.Link}}/settings/migrate/cancel" method="post">
|
|
{{.CsrfTokenHtml}}
|
|
<div class="content">
|
|
{{ctx.Locale.Tr "repo.migrate.cancel_migrating_confirm"}}
|
|
</div>
|
|
{{template "base/modal_actions_confirm" .}}
|
|
</form>
|
|
</div>
|
|
|
|
{{template "base/footer" .}}
|