|
40 | 40 | {{ctx.Locale.Tr "settings.manage_emails"}} |
41 | 41 | </h4> |
42 | 42 | <div class="ui attached segment"> |
43 | | - <div class="ui list"> |
| 43 | + <div class="ui list flex-items-block"> |
44 | 44 | {{if $.EnableNotifyMail}} |
45 | 45 | <div class="item"> |
46 | 46 | <div class="tw-mb-2">{{ctx.Locale.Tr "settings.email_desc"}}</div> |
|
65 | 65 | </div> |
66 | 66 | {{end}} |
67 | 67 | {{if not ($.UserDisabledFeatures.Contains "manage_credentials")}} |
68 | | - {{range .Emails}} |
69 | | - <div class="item"> |
70 | | - {{if not .IsPrimary}} |
71 | | - <div class="right floated content"> |
| 68 | + {{range .Emails}} |
| 69 | + <div class="item tw-flex-wrap"> |
| 70 | + <div class="content tw-flex-1"> |
| 71 | + <strong>{{.Email}}</strong> |
| 72 | + {{if .IsPrimary}} |
| 73 | + <div class="ui primary label">{{ctx.Locale.Tr "settings.primary"}}</div> |
| 74 | + {{end}} |
| 75 | + {{if .IsActivated}} |
| 76 | + <div class="ui green label">{{ctx.Locale.Tr "settings.activated"}}</div> |
| 77 | + {{else}} |
| 78 | + <div class="ui label">{{ctx.Locale.Tr "settings.requires_activation"}}</div> |
| 79 | + {{end}} |
| 80 | + </div> |
| 81 | + <div class="flex-text-block"> |
| 82 | + {{if not .IsPrimary}} |
72 | 83 | <button class="ui red tiny button delete-button" data-modal-id="delete-email" data-url="{{AppSubUrl}}/user/settings/account/email/delete" data-id="{{.ID}}"> |
73 | 84 | {{ctx.Locale.Tr "settings.delete_email"}} |
74 | 85 | </button> |
75 | | - </div> |
76 | | - {{if .CanBePrimary}} |
77 | | - <div class="right floated content"> |
| 86 | + {{if .CanBePrimary}} |
78 | 87 | <form action="{{AppSubUrl}}/user/settings/account/email" method="post"> |
79 | 88 | {{$.CsrfTokenHtml}} |
80 | 89 | <input name="_method" type="hidden" value="PRIMARY"> |
81 | 90 | <input name="id" type="hidden" value="{{.ID}}"> |
82 | 91 | <button class="ui primary tiny button">{{ctx.Locale.Tr "settings.primary_email"}}</button> |
83 | 92 | </form> |
84 | | - </div> |
| 93 | + {{end}} |
85 | 94 | {{end}} |
86 | | - {{end}} |
87 | | - {{if not .IsActivated}} |
88 | | - <div class="right floated content"> |
| 95 | + {{if not .IsActivated}} |
89 | 96 | <form action="{{AppSubUrl}}/user/settings/account/email" method="post"> |
90 | 97 | {{$.CsrfTokenHtml}} |
91 | 98 | <input name="_method" type="hidden" value="SENDACTIVATION"> |
|
96 | 103 | <button class="ui primary tiny button">{{ctx.Locale.Tr "settings.activate_email"}}</button> |
97 | 104 | {{end}} |
98 | 105 | </form> |
99 | | - </div> |
100 | | - {{end}} |
101 | | - <div class="content tw-py-2"> |
102 | | - <strong>{{.Email}}</strong> |
103 | | - {{if .IsPrimary}} |
104 | | - <div class="ui primary label">{{ctx.Locale.Tr "settings.primary"}}</div> |
105 | | - {{end}} |
106 | | - {{if .IsActivated}} |
107 | | - <div class="ui green label">{{ctx.Locale.Tr "settings.activated"}}</div> |
108 | | - {{else}} |
109 | | - <div class="ui label">{{ctx.Locale.Tr "settings.requires_activation"}}</div> |
110 | 106 | {{end}} |
| 107 | + </div> |
111 | 108 | </div> |
112 | | - </div> |
113 | | - {{end}} |
114 | | - {{end}} |
| 109 | + {{end}}{{/* range Emails */}} |
| 110 | + {{end}}{{/* if manage_credentials */}} |
115 | 111 | </div> |
116 | 112 | </div> |
117 | 113 | {{end}} |
|
0 commit comments