| 
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