zulip/static/templates/settings/profile_settings.hbs

75 lines
3.9 KiB
Handlebars

<div id="profile-settings" class="settings-section show" data-name="profile">
<div class="profile-settings-form">
<div class="inline-block">
<h3 class="inline-block hide" id="user-profile-header">{{t "Profile" }}</h3>
<div id="user_details_section">
<form class="form-horizontal full-name-change-form">
<div class="input-group inline-block grid user-name-parent">
<div class="user-name-section inline-block">
<label for="full_name" class="title inline-block">{{t "Full name" }}</label>
<i class="fa fa-question-circle change_name_tooltip tippy-zulip-tooltip settings-info-icon"
{{#if user_can_change_name}}style="display:none"{{/if}}
data-tippy-content="{{t 'Name changes are disabled in this organization. Contact an administrator to change your name.' }}">
</i>
<div class="alert-notification full-name-status"></div>
<div class="name-input">
<input id="full_name" name="full_name" type="text" value="{{ page_params.full_name }}" {{#unless user_can_change_name}}disabled="disabled"{{/unless}} maxlength="60" />
</div>
</div>
</div>
</form>
<div class="input-group grid">
<span class="title">{{t "Role" }}: {{user_role_text}}</span>
</div>
<div class="input-group grid">
<span class="title">{{t "Joined" }}: {{date_joined_text}}</span>
</div>
<form class="form-horizontal timezone-setting-form">
<div class="input-group grid">
<label for="timezone" class="dropdown-title inline-block">{{t "Time zone" }}</label>
<div class="alert-notification timezone-setting-status"></div>
<div class="timezone-input">
<select name="timezone" id="user_timezone" class>
{{#unless user_settings.timezone}}
<option></option>
{{/unless}}
{{#each timezones}}
<option value="{{ this }}">{{ this }}</option>
{{/each}}
</select>
</div>
</div>
</form>
<form class="form-horizontal custom-profile-fields-form grid"></form>
<button class="button rounded sea-green w-200 block" id="show_my_user_profile_modal">
{{t 'Preview profile' }}
<i class="fa fa-external-link" aria-hidden="true" title="{{t 'Preview profile' }}"></i>
</button>
</div>
</div>
<div class="inline-block user-avatar-section">
<h3>
{{t "Profile picture" }}
<i class="fa fa-question-circle change_name_tooltip tippy-zulip-tooltip settings-info-icon"
{{#if user_can_change_avatar}}style="display:none"{{/if}}
data-tippy-content="{{t 'Avatar changes are disabled in this organization.' }}">
</i>
</h3>
{{> image_upload_widget
widget = "user-avatar"
upload_text = (t "Upload new profile picture")
delete_text = (t "Delete profile picture")
is_editable_by_current_user = user_can_change_avatar
image = page_params.avatar_url_medium}}
<div id="user-avatar-source">
<a href="https://en.gravatar.com/" target="_blank" rel="noopener noreferrer">{{t "Avatar from Gravatar" }}</a>
</div>
</div>
</div>
</div>