1
0
forked from metin2/web

Improved registration logic, localized registration page.

This commit is contained in:
2024-12-31 20:07:28 +02:00
parent 00e2a43015
commit 561ab7ea97
5 changed files with 149 additions and 32 deletions

View File

@ -1,8 +1,8 @@
<div id="progressTracker">
@php($progressTexts = [
1 => 'Înregistrare',
2 => 'Activează și descarcă',
3 => 'Instalează și joacă-te',
1 => __('app/register.progress-texts.register'),
2 => __('app/register.progress-texts.activate-download'),
3 => __('app/register.progress-texts.install-play'),
])
@for ($i = 1; $i <= 3; $i++)

View File

@ -6,36 +6,42 @@
<div class="content content-last">
<div class="content-bg">
<div class="content-bg-bottom">
<h2>Înregistrarea</h2>
<h2>{{ __('app/register.title') }}</h2>
<x-registration.progress :step="1" />
<div class="inner-form-border">
<div class="inner-form-box">
<h3><a id="toLogin" href="{{ url('user/login') }}" title="sau la autentificare">sau la autentificare</a>Creează un cont</h3>
<h3>
<a id="toLogin" href="{{ url('user/login') }}" title="{{ __('app/register.to-login') }}">{{ __('app/register.to-login') }}</a>
{{ __('app/register.title') }}
</h3>
<div class="trenner"></div>
<form name="registerForm" id="registerForm" method="post" action="{{ url('user/register') }}">
@csrf
<div>
<label for="username">Nume de utilizator: *</label>
<input type="text" class="validate[required,custom[noSpecialCharacters],length[5,16]]" id="username" name="login" title="" value="" maxlength="16"/>
<label for="username">{{ __('app/register.form.username') }}: *</label>
<input type="text" class="validate[required,custom[noSpecialCharacters],length[5,16]]" id="username" name="login" title="" value="{{ old('login') }}" maxlength="16" />
</div>
<div>
<label for="email">Email: *</label>
<input type="text" class="validate[required,custom[email]]" id="email" name="email" maxlength="64" title="" value=""/>
<label for="email">{{ __('app/register.form.email') }}: *</label>
<input type="text" class="validate[required,custom[email]]" id="email" name="email" maxlength="64" title="" value="{{ old('email') }}" />
</div>
<div id="pwField">
<div id="pwInfo">
<h3><img src="{{ asset('assets/main/img/help.gif') }}" alt="Reguli parolă" title="Reguli parolă"/> O parolă sigură conţină:</h3>
<h3>
<img src="{{ asset('assets/main/img/help.gif') }}" alt="{{ __('app/register.form.password-requirements') }}" title="{{ __('app/register.form.password-requirements') }}"/>
{{ __('app/register.form.password-info.header') }}:
</h3>
<ul>
<li>între 5 și 16 caractere</li>
<li>sau cel puțin o literă mică</li>
<li>cel puțin o literă mare</li>
<li>cel puțin un număr</li>
<li>cel puțin un caracter special</li>
<li>{{ __('app/register.form.password-info.rule-1') }}</li>
<li>{{ __('app/register.form.password-info.rule-2') }}</li>
<li>{{ __('app/register.form.password-info.rule-3') }}</li>
<li>{{ __('app/register.form.password-info.rule-4') }}</li>
<li>{{ __('app/register.form.password-info.rule-5') }}</li>
</ul>
<p><strong>Caractere speciale permise</strong>:<br/>
<p><strong>{{ __('app/register.form.password-info.special-chars') }}</strong>:<br/>
@ ! # $ % &amp; ( ) { } * + ,<br/>
- . / : ; &lt; &gt; = ? [ ] ^ _ | ~
</p>
@ -53,13 +59,15 @@
});
</script>
</div>
<label for="password">Parola: *
<span id="toPwInfo" title="Reguli parolă">Reguli parolă <img src="{{ asset('assets/main/img/help.gif') }}" alt="Reguli parolă" title="Reguli parolă"/>
</span>
<label for="password">{{ __('app/register.form.password') }}: *
<span id="toPwInfo" title="{{ __('app/register.form.password-requirements') }}">
{{ __('app/register.form.password-requirements') }}
<img src="{{ asset('assets/main/img/help.gif') }}" alt="{{ __('app/register.form.password-requirements') }}" title="{{ __('app/register.form.password-requirements') }}" />
</span>
</label>
<input type="password" class="validate[required,custom[onlyValidPasswordCharacters],length[5,16]]" id="password" name="password" maxlength="16" value=""/>
<input type="password" class="validate[required,custom[onlyValidPasswordCharacters],length[5,16]]" id="password" name="password" maxlength="16" value="" />
<div id="securePwd">
<p>Nivelul de securitate al parolei voastre:</p>
<p>{{ __('app/register.form.password-security') }}:</p>
<div class="valid-icon invalid"></div>
<div class="securePwdBarBox">
<div id="securePwdBar"></div>
@ -69,9 +77,11 @@
</div>
<div id="checkerror">
<input type="checkbox" class="validate[required]" id="tac" name="tac" value="tac"/>
<span>Am citit <a href="{{ url('legal/terms') }}" target="_blank"><strong>Termenii și Condițiile</strong></a> și <a href="{{ url('legal/privacy') }}" target="_blank"><strong>Declarația privind protecția datelor</strong></a>. *</span>
<span>
{!! Str::inlineMarkdown(__('app/register.form.terms-and-conditions', ['termsUrl' => url('legal/terms'), 'privacyUrl' => url('legal/privacy')])) !!} *
</span>
</div>
<input id="submitBtn" type="submit" name="SubmitRegisterForm" value="Înregistrare" class="btn-big"/>
<input id="submitBtn" type="submit" value="{{ __('app/register.form.register-btn') }}" class="btn-big"/>
<script type="text/javascript">
@error('login')
@ -88,7 +98,7 @@
@enderror
</script>
</form>
<p id="regLegend">* este necesar</p>
<p id="regLegend">{{ __('app/register.form.required') }}</p>
</div>
</div>
</div>