mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 04:53:36 +00:00
ff48f3c489
Per the issue #25045, this commit changes some occurences of `uri` appeared in variable `root_domain_uri`. Files affected are some html files that used this variables and a backend file `context_processors.py` that set it as a key.
296 lines
16 KiB
HTML
296 lines
16 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
|
{% set entrypoint = "register" %}
|
|
|
|
{% block title %}
|
|
<title>{{ _("Registration") }} | Zulip</title>
|
|
{% endblock %}
|
|
|
|
{#
|
|
Gather other user information, after having confirmed
|
|
their email address.
|
|
|
|
Form is validated both client-side using jquery-validation (see signup.js) and server-side.
|
|
#}
|
|
|
|
{% block portico_content %}
|
|
<div class="register-account flex full-page">
|
|
<div class="center-block new-style" style="padding: 20px 0px">
|
|
|
|
<div class="pitch">
|
|
{% if creating_new_realm %}
|
|
<h1>{{ _('Create your organization') }}</h1>
|
|
{% else %}
|
|
<h1>{{ _('Create your account') }}</h1>
|
|
{% endif %}
|
|
|
|
{% trans %}
|
|
<p>Enter your account details to complete registration.</p>
|
|
{% endtrans %}
|
|
</div>
|
|
|
|
<form method="post" class="white-box" id="registration" action="{{ url('accounts_register') }}">
|
|
{{ csrf_input }}
|
|
|
|
<fieldset class="org-registration">
|
|
{% if creating_new_realm %}
|
|
<legend>{{ _('Your organization') }}
|
|
{% if not form.realm_subdomain.errors %}
|
|
<span class="edit-realm-details" role="button" tabindex="0"><i class="fa fa-pencil"></i></span>
|
|
{% endif %}
|
|
</legend>
|
|
{% with %}
|
|
{% set user_registration_form = "true" %}
|
|
{% include 'zerver/realm_creation_form.html' %}
|
|
{% endwith %}
|
|
{% if not form.realm_subdomain.errors %}
|
|
<div class="not-editable-realm-details">
|
|
<div class="input-box">
|
|
<label for="id_realm_name" class="inline-block label-title">{{ _('Organization name') }}</label>
|
|
<div id="id_realm_name" class="not-editable-realm-field">{{ form.realm_name.value() }}</div>
|
|
</div>
|
|
<div class="input-box">
|
|
<label for="id_realm_type" class="inline-block label-title">{{ _('Organization type') }}</label>
|
|
<div id="id_realm_type" class="not-editable-realm-field">{{ selected_realm_type_name }}</div>
|
|
</div>
|
|
<div class="input-box">
|
|
<label for="id_realm_subdomain" class="inline-block label-title">{{ _('Organization URL') }}</label>
|
|
<div id="id_realm_subdomain" class="not-editable-realm-field">{% if form.realm_subdomain.value() %}{{ form.realm_subdomain.value() }}.{% endif %}{{external_host}}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</fieldset>
|
|
|
|
<fieldset class="user-registration">
|
|
{% if creating_new_realm %}
|
|
<legend>{{ _('Your account') }}</legend>
|
|
{% endif %}
|
|
{% if realm_name and not creating_new_realm %}
|
|
<img class="avatar inline-block" src="{{ realm_icon }}" alt="" />
|
|
<div class="info-box inline-block">
|
|
<div class="organization-name">{{ realm_name }}</div>
|
|
<div class="organization-path">{{ realm_uri }}</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="input-box no-validation">
|
|
<input type='hidden' name='key' value='{{ key }}' />
|
|
<input type='hidden' name='timezone' id='timezone'/>
|
|
<input type="hidden" name="email_address_visibility" id="email_address_visibility"/>
|
|
<label for="id_email" class="inline-block label-title">{{ _('Email') }}</label>
|
|
<div id="id_email">{{ email }}</div>
|
|
{% if not creating_new_realm %}
|
|
<p id="new-user-email-address-visibility">
|
|
<span class="current-selected-option">
|
|
{% if default_email_address_visibility == email_address_visibility_admins_only %}
|
|
{% trans %}Administrators of this Zulip organization will be able to see this email address.
|
|
{% endtrans %}
|
|
{% elif default_email_address_visibility == email_address_visibility_moderators %}
|
|
{% trans %}Administrators and moderators of this Zulip organization will be able to see this email address.
|
|
{% endtrans %}
|
|
{% elif default_email_address_visibility == email_address_visibility_nobody %}
|
|
{% trans %}Nobody in this Zulip organization will be able to see this email address.
|
|
{% endtrans %}
|
|
{% else %}
|
|
{% trans %}Other users in this Zulip organization will be able to see this email address.
|
|
{% endtrans %}
|
|
{% endif %}
|
|
</span>
|
|
<a target="_blank" class="change_email_address_visibility" rel="noopener noreferrer">{{ _('Change') }}</a>
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if accounts %}
|
|
<div class="input-box">
|
|
<div class="inline-block relative">
|
|
<select class="select" name="source_realm_id" id="source_realm_select">
|
|
<option value=""
|
|
{% if "source_realm_id" in form.data and form.data["source_realm_id"] == "" %}selected {% endif %}>
|
|
{{ _('Don’t import settings') }}
|
|
</option>
|
|
{% for account in accounts %}
|
|
<option value="{{ account.realm_id }}" data-full-name="{{account.full_name}}" data-avatar="{{account.avatar}}"
|
|
{% if ("source_realm_id" in form.data and account.realm_id == form.data["source_realm_id"]|int)
|
|
or ("source_realm_id" not in form.data and loop.index0 == 0) %} selected {% endif %}>
|
|
{{ account.realm_name }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<label for="source_realm_id" class="inline-block">{{ _('Import settings from existing Zulip account') }}
|
|
<a href="{{ root_domain_url }}/help/import-your-settings"><i class="fa fa-question-circle"></i></a>
|
|
</label>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="input-box" id="full_name_input_section">
|
|
{% if lock_name %}
|
|
<p class="fakecontrol">{{ full_name }}</p>
|
|
{% else %}
|
|
<input id="id_full_name" class="required" type="text" name="full_name"
|
|
value="{% if full_name %}{{ full_name }}{% elif form.full_name.value() %}{{ form.full_name.value() }}{% endif %}"
|
|
maxlength="{{ MAX_NAME_LENGTH }}" placeholder="{% trans %}Full name or 名前{% endtrans %}" required />
|
|
<label for="id_full_name" class="inline-block label-title">{{ _('Full name') }}</label>
|
|
{% if form.full_name.errors %}
|
|
{% for error in form.full_name.errors %}
|
|
<p class="help-inline text-error">{{ error }}</p>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="input-box" id="profile_info_section" style="display:none;">
|
|
<img id="profile_avatar" />
|
|
<div id="profile_full_name"></div>
|
|
</div>
|
|
|
|
{% if require_ldap_password %}
|
|
<div class="input-box password-div">
|
|
<input id="ldap-password" class="required" type="password" name="password" autocomplete="off" required />
|
|
<label for="ldap-password" class="inline-block">{{ _('Password') }}</label>
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
<span class="help-inline">
|
|
{{ _('Enter your LDAP/Active Directory password.') }}
|
|
</span>
|
|
</div>
|
|
{% elif password_required %}
|
|
<div class="input-box password-div">
|
|
<input id="id_password" class="required" type="password" name="password" autocomplete="new-password"
|
|
value="{% if form.password.value() %}{{ form.password.value() }}{% endif %}"
|
|
maxlength="{{ MAX_PASSWORD_LENGTH }}"
|
|
data-min-length="{{password_min_length}}"
|
|
data-min-guesses="{{password_min_guesses}}" required />
|
|
<label for="id_password" class="inline-block">{{ _('Password') }}</label>
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
{% if full_name %}
|
|
<span class="help-inline">
|
|
{{ _('This is used for mobile applications and other tools that require a password.') }}
|
|
</span>
|
|
{% endif %}
|
|
{% if form.password.errors %}
|
|
{% for error in form.password.errors %}
|
|
<p class="help-inline text-error">{{ error }}</p>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<div class="progress" id="pw_strength" title="{{ _('Password strength') }}">
|
|
<div class="bar bar-danger" style="width: 10%;"></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</fieldset>
|
|
{% if default_stream_groups %}
|
|
<hr />
|
|
<div class="default-stream-groups">
|
|
<p class="margin">{{ _('What are you interested in?') }}</p>
|
|
{% for default_stream_group in default_stream_groups %}
|
|
<div class="input-group margin">
|
|
<label for="id_default_stream_group__{{ default_stream_group.id }}"
|
|
class="inline-block checkbox">
|
|
<input class="inline-block" type="checkbox"
|
|
name="default_stream_group"
|
|
id="id_default_stream_group__{{ default_stream_group.id }}" value="{{ default_stream_group.name }}"
|
|
{% if "default_stream_group" in form.data and default_stream_group.id in form.data.getlist('default_stream_group') %} checked {% endif %} />
|
|
<span></span>
|
|
{% set comma = joiner(", ") %}
|
|
<div class="default_stream_group_name inline-block"
|
|
title="{{ default_stream_group.description }}">
|
|
{{ default_stream_group.name }}
|
|
</div>
|
|
(
|
|
{%- for stream in default_stream_group.streams.all() -%}
|
|
{{- comma() -}} <div class="stream_name inline-block">#{{ stream.name }}</div>
|
|
{%- endfor -%}
|
|
)
|
|
</label>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<hr />
|
|
{% endif %}
|
|
|
|
<div class="input-group margin terms-of-service">
|
|
{% if terms_of_service %}
|
|
<div class="input-group">
|
|
{#
|
|
This is somewhat subtle.
|
|
Checkboxes have a name and value, and when the checkbox is ticked, the form posts
|
|
with name=value. If the checkbox is unticked, the field just isn't present at all.
|
|
|
|
This is distinct from 'checked', which determines whether the checkbox appears
|
|
at all. (So, it's not symmetric to the code above.)
|
|
#}
|
|
<label for="id_terms" class="inline-block checkbox">
|
|
<input id="id_terms" class="required" type="checkbox" name="terms"
|
|
{% if form.terms.value() %}checked="checked"{% endif %} />
|
|
<span></span>
|
|
{% trans %}I agree to the <a href="{{ root_domain_url }}/policies/terms" target="_blank" rel="noopener noreferrer">Terms of Service</a>.{% endtrans %}
|
|
</label>
|
|
{% if form.terms.errors %}
|
|
{% for error in form.terms.errors %}
|
|
<p class="help-inline text-error">{{ error }}</p>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% if corporate_enabled %}
|
|
<div class="input-group">
|
|
<label for="id_enable_marketing_emails" class="inline-block checkbox marketing_emails_checkbox">
|
|
<input id="id_enable_marketing_emails" type="checkbox" name="enable_marketing_emails"
|
|
checked="checked" />
|
|
<span></span>
|
|
{% trans %}Subscribe me to Zulip's low-traffic newsletter (a few emails a year).{% endtrans %}
|
|
</label>
|
|
</div>
|
|
{% endif %}
|
|
<div class="register-button-box">
|
|
<button class="register-button" type="submit">
|
|
<span>{{ _('Sign up') }}</span>
|
|
<object class="loader" type="image/svg+xml" data="{{ static('images/loading/loader-white.svg') }}"></object>
|
|
</button>
|
|
<input type="hidden" name="next" value="{{ next }}" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% if not creating_new_realm %}
|
|
<div class="micromodal" id="change-email-address-visibility-modal" aria-hidden="true">
|
|
<div class="modal__overlay" tabindex="-1">
|
|
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
|
|
<header class="modal__header">
|
|
<h1 class="modal__title dialog_heading">
|
|
{{ _('Configure email address privacy') }}
|
|
</h1>
|
|
<button class="modal__close" aria-label="{{ _('Close modal') }}" data-micromodal-close></button>
|
|
</header>
|
|
<main class="modal__content">
|
|
<p>
|
|
{{ _('Zulip lets you control which roles in the organization can view your email address.') }}
|
|
{{ _('Do you want to change the privacy setting for your email from the default configuration for this organization?') }}
|
|
</p>
|
|
<label for="new_user_email_address_visibility">{{ _('Who can access your email address') }}</label>
|
|
<select id="new_user_email_address_visibility" class="modal_select">
|
|
{% for value, name in email_address_visibility_options_dict.items() %}
|
|
<option value="{{ value }}" {% if value == default_email_address_visibility %}selected{% endif %}>{{name}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<p>
|
|
{% trans %}You can also change this setting <a href="{{ root_domain_url }}/help/configure-email-visibility" target="_blank" rel="noopener noreferrer">after you join</a>.{% endtrans %}
|
|
</p>
|
|
</main>
|
|
<footer class="modal__footer">
|
|
<button class="modal__btn dialog_cancel_button" aria-label="{{ '(Close this dialog window)' }}" data-micromodal-close>{{ _('Cancel') }}</button>
|
|
<button class="modal__btn dialog_submit_button">
|
|
<span>{{ _('Confirm') }}</span>
|
|
</button>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|