frontend popup registracija
This commit is contained in:
urospodkriznik
parent
3f56186e69
commit
ef71cc8377
@ -1,5 +1,5 @@
|
||||
<div class="rexister-modal" id="modal-registration">
|
||||
<div class="modal-box w-max-1024"><img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
|
||||
<div class="modal-box modal-registration w-max-1024"><img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
|
||||
|
||||
<div class="row glavni-naslov">
|
||||
<div class="col">
|
||||
@ -23,24 +23,27 @@
|
||||
<div name="registracija" id="registracija-uporabnika" class="{{ jezik }}" action="{{ register_url }}" method="post">
|
||||
<input type="hidden" name="jezik" value="{{ jezik }}"/>
|
||||
|
||||
<div class="w-clearfix">
|
||||
<div class="col _6-6-6-12">
|
||||
<div class="w-clearfix input_row">
|
||||
<div class="left_col">
|
||||
<input type="email" class="input-field w-input {% if obvestila['error_email'] %} error-field {% endif %}" name="email" placeholder="{{ lang['email'] }}" onchange="InsertName();" onblur="CheckEmail(\'{{ lang['cms_register_user_email_incorrect'] }}\');CheckEmailTypo(\'{{ lang['cms_register_user_typo_email'] }}\')" value="{% if parametri['email'] %} {{ parametri['email'] }} {% endif %}">
|
||||
</div>
|
||||
<div class="col _6-6-6-12">
|
||||
<div class="right_col">
|
||||
<input type="text" id="registracija-vzdevek" class="input-field w-input {% if obvestila['error_ime'] %} error-field {% endif %}" name="ime" placeholder="{{ lang['cms_register_user_nickname'] }}" value="{% if parametri['ime'] %} {{ parametri['ime'] }} {% endif %}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-clearfix">
|
||||
<div class="col _6-6-6-12">
|
||||
<div class="w-clearfix input_row">
|
||||
<div class="left_col">
|
||||
<input type="password" class="input-field w-input {% if obvestila['error_geslo'] %} error-field {% endif %}" value="" id="geslo" name="geslo" placeholder="{{ lang['cms_register_user_password'] }}">
|
||||
</div>
|
||||
<div class="col _6-6-6-12">
|
||||
<div class="right_col">
|
||||
<input type="password" class="input-field w-input {% if obvestila['error_geslo'] %} error-field {% endif %}" value="" id="geslo2" name="geslo2" placeholder="{{ lang['cms_register_user_repeat_password'] }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# // Vse obstoječe napake, damo v list#}
|
||||
<div class="w-form-fail napaka-registracija error-message"></div>
|
||||
|
||||
{% if recaptcha_sitekey %} {
|
||||
<div class="w-clearfix">
|
||||
<div class="col _6-6-6-12">
|
||||
@ -55,17 +58,17 @@
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="col toppadding">
|
||||
<div class="toppadding">
|
||||
{# // Pogoji uporabe#}
|
||||
<div class="checkbox-field w-checkbox">
|
||||
<div class="w-checkbox">
|
||||
<input type="checkbox" id="IAgree" name="agree" value="1" class="cb w-checkbox-input" required="required">
|
||||
<span class="checkbox-display {% if obvestila['missing_agree'] %} error-field {% endif %}"></span>
|
||||
<span id="agreelabel" {% if obvestila['missing_agree'] %} error-field {% endif %}><label for="IAgree" class="checkbox-label w-form-label"> {{ lang['cms_register_user_terms_of_use'] | raw }}</label></span>
|
||||
</div>
|
||||
|
||||
{# // GDPR strinjanje za email obveščanje - v bazi vse nove zahtevke postavimo na 2 ali 0, če se ne strinja#}
|
||||
<div class="checkbox-field w-checkbox">
|
||||
<input type="checkbox" id="GdprAgree" name="gdpr-agree" value="1" class="cb w-checkbox-input" {% if parametri['gdpr'] and parametri['gdpr'] == 1 %} checked="checked" {% endif %}>
|
||||
<div class="w-checkbox">
|
||||
<input type="checkbox" id="GdprAgree" name="gdpr-agree" value="1" class="cb w-checkbox-input cb_multiple_lines" {% if parametri['gdpr'] and parametri['gdpr'] == 1 %} checked="checked" {% endif %}>
|
||||
<span class="checkbox-display"></span>
|
||||
<span>
|
||||
<label for="GdprAgree" class="checkbox-label w-form-label">
|
||||
@ -78,24 +81,14 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<div class="col w-clearfix">
|
||||
<a href="#" class="submit-btn w-button">{{ lang['next1'] }}</a>
|
||||
<p class="paragraph" class="odpri-prijavo">{{ login_link }}</p>
|
||||
<div>
|
||||
<div class="w-clearfix">
|
||||
<input type="button" value="{{ lang['e_login_register'] }}" data-wait="Please wait..." class="submit-prijava submit-btn w-button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{# // Vse obstoječe napake, damo v list#}
|
||||
<div class="w-form-fail napaka-registracija"></div>
|
||||
|
||||
</div>
|
||||
|
||||
{# // Prijava preko računov#}
|
||||
@ -124,10 +117,15 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col w-clearfix">
|
||||
<p class="paragraph">
|
||||
{{ lang['cms_register_login_link'] | raw }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
{# // Email confirm#}
|
||||
<div id="register-form-confirm">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -32,6 +32,10 @@
|
||||
flex: 1;
|
||||
background-color: #fff;
|
||||
|
||||
&.modal-registration{
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.paragraph{
|
||||
text-align: center;
|
||||
}
|
||||
@ -94,7 +98,7 @@
|
||||
background: $modra;
|
||||
color: #ffffff;
|
||||
padding: 0.5rem 1rem;
|
||||
max-width: 250px;
|
||||
//max-width: 250px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
cursor: pointer;
|
||||
@ -168,6 +172,30 @@
|
||||
#gdpr-vec-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.w-form{
|
||||
padding-left: 25px;
|
||||
padding-right: 10px;
|
||||
|
||||
.input_row{
|
||||
display: flex;
|
||||
|
||||
.left_col{
|
||||
padding-right: 10px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.right_col{
|
||||
padding-left: 10px;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.cb_multiple_lines{
|
||||
float: left;
|
||||
margin-top: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#register-form-confirm{
|
||||
@ -189,17 +217,17 @@
|
||||
|
||||
.dva-stolpca {
|
||||
display: flex;
|
||||
margin-bottom: 25px;
|
||||
//margin-bottom: 25px;
|
||||
|
||||
h4{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.preko-racunov {
|
||||
padding-left: 1rem;
|
||||
//padding-left: 1rem;
|
||||
border-left: 1px solid #d1d1d1;
|
||||
|
||||
h4{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ostale-prijave {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -262,12 +290,20 @@
|
||||
.prijava.forma {
|
||||
padding-right: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
background: #ff000024;
|
||||
padding: 0.25rem 0.75rem;
|
||||
color: red;
|
||||
display: none;
|
||||
.error-message {
|
||||
background: rgba(255, 0, 0, 0.1);
|
||||
padding: 0.25rem 0.75rem;
|
||||
color: red;
|
||||
border: 1px solid red;
|
||||
display: none;
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
font-size: 14px;
|
||||
|
||||
&.napaka-registracija{
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user