2023-04-23 13:21:21 +03:00
{{ template "user/settings/layout_head" ( dict "ctxData" . "pageClass" "user settings profile" ) }}
<div class="user-setting-content">
2017-03-16 01:39:38 +03:00
<h4 class="ui top attached header">
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "settings.public_profile" }}
2017-03-16 01:39:38 +03:00
</h4>
<div class="ui attached segment">
2023-09-25 11:56:50 +03:00
<p> {{ ctx .Locale .Tr "settings.profile_desc" }} </p>
2017-03-16 01:39:38 +03:00
<form class="ui form" action=" {{ .Link }} " method="post">
{{ .CsrfTokenHtml }}
<div class="required field {{ if .Err_Name }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="username"> {{ ctx .Locale .Tr "username" }}
<span class="text red gt-hidden" id="name-change-prompt"> {{ ctx .Locale .Tr "settings.change_username_prompt" }} </span>
<span class="text red gt-hidden" id="name-change-redirect-prompt"> {{ ctx .Locale .Tr "settings.change_username_redirect_prompt" }} </span>
2021-01-24 18:23:05 +03:00
</label>
2023-05-26 12:42:54 +03:00
<input id="username" name="name" value=" {{ .SignedUser .Name }} " data-name=" {{ .SignedUser .Name }} " autofocus required {{ if or ( not .SignedUser .IsLocal ) .IsReverseProxy }} disabled {{ end }} maxlength="40">
2021-05-15 21:33:13 +03:00
{{ if or ( not .SignedUser .IsLocal ) .IsReverseProxy }}
2023-09-25 11:56:50 +03:00
<p class="help text blue"> {{ ctx .Locale .Tr "settings.password_username_disabled" }} </p>
2017-03-16 01:39:38 +03:00
{{ end }}
</div>
<div class="field {{ if .Err_FullName }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="full_name"> {{ ctx .Locale .Tr "settings.full_name" }} </label>
2023-05-26 12:42:54 +03:00
<input id="full_name" name="full_name" value=" {{ .SignedUser .FullName }} " maxlength="100">
2017-03-16 01:39:38 +03:00
</div>
2020-10-29 01:33:14 +03:00
<div class="field {{ if .Err_Email }} error {{ end }} ">
2024-02-17 18:01:25 +03:00
<label> {{ ctx .Locale .Tr "email" }} </label>
<p id="signed-user-email"> {{ .SignedUser .Email }} </p>
2017-03-16 01:39:38 +03:00
</div>
2019-03-19 05:28:10 +03:00
<div class="field {{ if .Err_Description }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="description"> {{ ctx .Locale .Tr "user.user_bio" }} </label>
<textarea id="description" name="description" rows="2" placeholder=" {{ ctx .Locale .Tr "settings.biography_placeholder" }} " maxlength="255"> {{ .SignedUser .Description }} </textarea>
2019-03-19 05:28:10 +03:00
</div>
2017-03-16 01:39:38 +03:00
<div class="field {{ if .Err_Website }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="website"> {{ ctx .Locale .Tr "settings.website" }} </label>
2023-05-26 12:42:54 +03:00
<input id="website" name="website" type="url" value=" {{ .SignedUser .Website }} " maxlength="255">
2017-03-16 01:39:38 +03:00
</div>
<div class="field">
2023-09-25 11:56:50 +03:00
<label for="location"> {{ ctx .Locale .Tr "settings.location" }} </label>
<input id="location" name="location" placeholder=" {{ ctx .Locale .Tr "settings.location_placeholder" }} " value=" {{ .SignedUser .Location }} " maxlength="50">
2017-03-16 01:39:38 +03:00
</div>
2015-09-06 23:31:22 +03:00
2023-06-29 15:24:22 +03:00
<div class="divider"></div>
2021-06-26 22:53:14 +03:00
<!-- private block -->
2023-06-22 11:58:16 +03:00
<div class="field" id="privacy-user-settings">
2024-02-17 18:01:25 +03:00
<label><strong> {{ ctx .Locale .Tr "settings.privacy" }} </strong></label>
2021-06-26 22:53:14 +03:00
</div>
<div class="inline field {{ if .Err_Visibility }} error {{ end }} ">
2024-02-17 18:01:25 +03:00
<span class="inline required field"><label> {{ ctx .Locale .Tr "settings.visibility" }} </label></span>
2021-06-26 22:53:14 +03:00
<div class="ui selection type dropdown">
2021-06-27 21:47:35 +03:00
{{ if .SignedUser .Visibility .IsPublic }} <input type="hidden" id="visibility" name="visibility" value="0"> {{ end }}
{{ if .SignedUser .Visibility .IsLimited }} <input type="hidden" id="visibility" name="visibility" value="1"> {{ end }}
{{ if .SignedUser .Visibility .IsPrivate }} <input type="hidden" id="visibility" name="visibility" value="2"> {{ end }}
2021-06-26 22:53:14 +03:00
<div class="text">
2023-09-25 11:56:50 +03:00
{{ if .SignedUser .Visibility .IsPublic }} {{ ctx .Locale .Tr "settings.visibility.public" }} {{ end }}
{{ if .SignedUser .Visibility .IsLimited }} {{ ctx .Locale .Tr "settings.visibility.limited" }} {{ end }}
{{ if .SignedUser .Visibility .IsPrivate }} {{ ctx .Locale .Tr "settings.visibility.private" }} {{ end }}
2021-06-26 22:53:14 +03:00
</div>
{{ svg "octicon-triangle-down" 1 4 "dropdown icon" }}
<div class="menu">
2021-06-27 21:47:35 +03:00
{{ range $ mode : = .AllowedUserVisibilityModes }}
{{ if $ mode .IsPublic }}
2023-09-25 11:56:50 +03:00
<div class="item" data-tooltip-content=" {{ ctx .Locale .Tr "settings.visibility.public_tooltip" }} " data-value="0"> {{ ctx .Locale .Tr "settings.visibility.public" }} </div>
2021-06-27 21:47:35 +03:00
{{ else if $ mode .IsLimited }}
2023-09-25 11:56:50 +03:00
<div class="item" data-tooltip-content=" {{ ctx .Locale .Tr "settings.visibility.limited_tooltip" }} " data-value="1"> {{ ctx .Locale .Tr "settings.visibility.limited" }} </div>
2021-06-27 21:47:35 +03:00
{{ else if $ mode .IsPrivate }}
2023-09-25 11:56:50 +03:00
<div class="item" data-tooltip-content=" {{ ctx .Locale .Tr "settings.visibility.private_tooltip" }} " data-value="2"> {{ ctx .Locale .Tr "settings.visibility.private" }} </div>
2021-06-27 21:47:35 +03:00
{{ end }}
{{ end }}
2021-06-26 22:53:14 +03:00
</div>
</div>
</div>
2018-05-05 03:28:30 +03:00
2023-06-22 11:58:16 +03:00
<div class="field">
<div class="ui checkbox">
2023-10-25 14:12:36 +03:00
<label data-tooltip-content=" {{ ctx .Locale .Tr "settings.keep_email_private_popup" .SignedUser .GetPlaceholderEmail }} "><strong> {{ ctx .Locale .Tr "settings.keep_email_private" }} </strong></label>
2023-06-22 11:58:16 +03:00
<input name="keep_email_private" type="checkbox" {{ if .SignedUser .KeepEmailPrivate }} checked {{ end }} >
</div>
</div>
2020-06-05 23:01:53 +03:00
<div class="field">
<div class="ui checkbox" id="keep-activity-private">
2023-09-25 15:42:40 +03:00
<label data-tooltip-content=" {{ ctx .Locale .Tr "settings.keep_activity_private_popup" }} "><strong> {{ ctx .Locale .Tr "settings.keep_activity_private" }} </strong></label>
2020-06-05 23:01:53 +03:00
<input name="keep_activity_private" type="checkbox" {{ if .SignedUser .KeepActivityPrivate }} checked {{ end }} >
</div>
</div>
2021-06-26 22:53:14 +03:00
2023-06-29 15:24:22 +03:00
<div class="divider"></div>
2021-06-26 22:53:14 +03:00
2017-03-16 01:39:38 +03:00
<div class="field">
2023-09-25 11:56:50 +03:00
<button class="ui primary button"> {{ ctx .Locale .Tr "settings.update_profile" }} </button>
2015-12-08 01:30:52 +03:00
</div>
2017-03-16 01:39:38 +03:00
</form>
2018-05-15 13:07:32 +03:00
</div>
<h4 class="ui top attached header">
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "settings.avatar" }}
2018-05-15 13:07:32 +03:00
</h4>
<div class="ui attached segment">
<form class="ui form" action=" {{ .Link }} /avatar" method="post" enctype="multipart/form-data">
{{ .CsrfTokenHtml }}
2023-08-08 11:29:14 +03:00
{{ if not .DisableGravatar }}
2018-05-15 13:07:32 +03:00
<div class="inline field">
<div class="ui radio checkbox">
<input name="source" value="lookup" type="radio" {{ if not .SignedUser .UseCustomAvatar }} checked {{ end }} >
2023-09-25 11:56:50 +03:00
<label> {{ ctx .Locale .Tr "settings.lookup_avatar_by_mail" }} </label>
2018-05-15 13:07:32 +03:00
</div>
</div>
2023-05-31 01:28:25 +03:00
<div class="field gt-pl-4 {{ if .Err_Gravatar }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="gravatar">Avatar {{ ctx .Locale .Tr "email" }} </label>
2023-03-27 19:05:51 +03:00
<input id="gravatar" name="gravatar" value=" {{ .SignedUser .AvatarEmail }} ">
2018-05-15 13:07:32 +03:00
</div>
{{ end }}
2017-03-16 01:39:38 +03:00
2018-05-15 13:07:32 +03:00
<div class="inline field">
<div class="ui radio checkbox">
<input name="source" value="local" type="radio" {{ if .SignedUser .UseCustomAvatar }} checked {{ end }} >
2023-09-25 11:56:50 +03:00
<label> {{ ctx .Locale .Tr "settings.enable_custom_avatar" }} </label>
2018-05-15 13:07:32 +03:00
</div>
</div>
2023-05-31 01:28:25 +03:00
<div class="inline field gt-pl-4">
2024-02-17 18:01:25 +03:00
<label for="new-avatar"> {{ ctx .Locale .Tr "settings.choose_new_avatar" }} </label>
<input id="new-avatar" name="avatar" type="file" accept="image/png,image/jpeg,image/gif,image/webp">
2018-05-15 13:07:32 +03:00
</div>
<div class="field">
2023-09-25 11:56:50 +03:00
<button class="ui primary button"> {{ ctx .Locale .Tr "settings.update_avatar" }} </button>
<button class="ui red button link-action" data-url=" {{ .Link }} /avatar/delete"> {{ ctx .Locale .Tr "settings.delete_current_avatar" }} </button>
2018-05-15 13:07:32 +03:00
</div>
</form>
2015-12-08 01:30:52 +03:00
</div>
</div>
2023-04-23 13:21:21 +03:00
{{ template "user/settings/layout_footer" . }}