aboutsummaryrefslogtreecommitdiffstats
path: root/templates/user/settings/repos.tmpl
diff options
context:
space:
mode:
authorwxiaoguang <wxiaoguang@gmail.com>2023-04-24 19:08:59 +0800
committerGitHub <noreply@github.com>2023-04-24 07:08:59 -0400
commit75c62054a633fc9ae25887f72da1ec2d08a31e90 (patch)
treeaa36b43874d7c556120c04b646175d52de5ee10d /templates/user/settings/repos.tmpl
parent47748df9b38bdde4c39d7e55f4517536d9d2fa21 (diff)
downloadgitea-75c62054a633fc9ae25887f72da1ec2d08a31e90.tar.gz
gitea-75c62054a633fc9ae25887f72da1ec2d08a31e90.zip
Improve some modal action buttons (#24289)
Follow #24097 and #24285 And add a devtest page for modal action button testing. http://localhost:3000/devtest/fomantic-modal Now the `modal_actions_confirm.tmpl` could support: green / blue / yellow positive buttons, the negative button is "secondary". ps: this PR is only a small improvement, there are still a lot of buttons not having proper colors. In the future these buttons could be improved by this approach. These buttons could also be improved according to the conclusion of #24285 in the future. ![image](https://user-images.githubusercontent.com/2114189/233847773-a6d6b29b-7b5c-490e-8425-40dfd0ad2529.png) And add GitHub-like single danger button (context: https://github.com/go-gitea/gitea/issues/24285#issuecomment-1519100312) ![image](https://user-images.githubusercontent.com/2114189/233891566-055d7611-894d-4d5a-baf5-f6369180bf8d.png) --------- Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'templates/user/settings/repos.tmpl')
-rw-r--r--templates/user/settings/repos.tmpl17
1 files changed, 4 insertions, 13 deletions
diff --git a/templates/user/settings/repos.tmpl b/templates/user/settings/repos.tmpl
index 5e11f58988..3d9f4e5a80 100644
--- a/templates/user/settings/repos.tmpl
+++ b/templates/user/settings/repos.tmpl
@@ -35,7 +35,7 @@
<div class="right floated content">
{{if $.allowAdopt}}
<button class="ui button submit tiny green adopt show-modal" data-modal="#adopt-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-plus"}}</span><span class="label">{{$.locale.Tr "repo.adopt_preexisting_label"}}</span></button>
- <div class="ui gitea-confirm-modal modal" id="adopt-unadopted-modal-{{$dirI}}">
+ <div class="ui g-modal-confirm modal" id="adopt-unadopted-modal-{{$dirI}}">
<div class="header">
<span class="label">{{$.locale.Tr "repo.adopt_preexisting"}}</span>
</div>
@@ -46,22 +46,13 @@
{{$.CsrfTokenHtml}}
<input type="hidden" name="id" value="{{$dir}}">
<input type="hidden" name="action" value="adopt">
- <div class="actions">{{/* TODO: Convert to base/modal_actions_confirm */}}
- <button class="ui red basic inverted cancel button">
- {{svg "octicon-x"}}
- {{$.locale.Tr "modal.no"}}
- </button>
- <button class="ui green basic inverted ok button">
- {{svg "octicon-check"}}
- {{$.locale.Tr "modal.yes"}}
- </button>
- </div>
+ {{template "base/modal_actions_confirm" .}}
</form>
</div>
{{end}}
{{if $.allowDelete}}
<button class="ui button submit tiny red delete show-modal" data-modal="#delete-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-x"}}</span><span class="label">{{$.locale.Tr "repo.delete_preexisting_label"}}</span></button>
- <div class="ui gitea-confirm-modal modal" id="delete-unadopted-modal-{{$dirI}}">
+ <div class="ui g-modal-confirm modal" id="delete-unadopted-modal-{{$dirI}}">
<div class="header">
<span class="label">{{$.locale.Tr "repo.delete_preexisting"}}</span>
</div>
@@ -125,7 +116,7 @@
</div>
</div>
-<div class="ui gitea-confirm-modal delete modal">
+<div class="ui g-modal-confirm delete modal">
<div class="header">
{{svg "octicon-trash"}}
{{.locale.Tr "settings.remove_account_link"}}