may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

frontend popup registracija

Browse Source
This commit is contained in:
urospodkriznik 2022-07-05 15:47:25 +02:00
parent 3f56186e69
commit ef71cc8377
3 changed files with 2058 additions and 3074 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig
View File

@ -1,5 +1,5 @@
<div class="rexister-modal" id="modal-registration"> <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="row glavni-naslov">
<div class="col"> <div class="col">
@ -23,24 +23,27 @@
<div name="registracija" id="registracija-uporabnika" class="{{ jezik }}" action="{{ register_url }}" method="post"> <div name="registracija" id="registracija-uporabnika" class="{{ jezik }}" action="{{ register_url }}" method="post">
<input type="hidden" name="jezik" value="{{ jezik }}"/> <input type="hidden" name="jezik" value="{{ jezik }}"/>
<div class="w-clearfix"> <div class="w-clearfix input_row">
<div class="col _6-6-6-12"> <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 %}"> <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>
<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 %}"> <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> </div>
<div class="w-clearfix"> <div class="w-clearfix input_row">
<div class="col _6-6-6-12"> <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'] }}"> <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>
<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'] }}"> <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>
</div> </div>
{# // Vse obstoječe napake, damo v list#}
<div class="w-form-fail napaka-registracija error-message"></div>
{% if recaptcha_sitekey %} { {% if recaptcha_sitekey %} {
<div class="w-clearfix"> <div class="w-clearfix">
<div class="col _6-6-6-12"> <div class="col _6-6-6-12">
@ -55,17 +58,17 @@
</div> </div>
<div> <div>
<div class="col toppadding"> <div class="toppadding">
{# // Pogoji uporabe#} {# // 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"> <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 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> <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> </div>
{# // GDPR strinjanje za email obveščanje - v bazi vse nove zahtevke postavimo na 2 ali 0, če se ne strinja#} {# // 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"> <div class="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 %}> <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 class="checkbox-display"></span>
<span> <span>
<label for="GdprAgree" class="checkbox-label w-form-label"> <label for="GdprAgree" class="checkbox-label w-form-label">
@ -78,24 +81,14 @@
</div> </div>
</div> </div>
<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 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>
</div> </div>
</div>
</div> </div>
{# // Vse obstoječe napake, damo v list#}
<div class="w-form-fail napaka-registracija"></div>
</div> </div>
{# // Prijava preko računov#} {# // Prijava preko računov#}
@ -124,10 +117,15 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col w-clearfix">
<p class="paragraph">
{{ lang['cms_register_login_link'] | raw }}
</p>
</div>
{# // Email confirm#} {# // Email confirm#}
<div id="register-form-confirm"> <div id="register-form-confirm">

5020
frontend/drupal9/web/themes/custom/pro1ka/css/style.css
View File

File diff suppressed because it is too large Load Diff

62
frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
View File

@ -32,6 +32,10 @@
flex: 1; flex: 1;
background-color: #fff; background-color: #fff;
&.modal-registration{
max-width: 1000px;
}
.paragraph{ .paragraph{
text-align: center; text-align: center;
} }
@ -94,7 +98,7 @@
background: $modra; background: $modra;
color: #ffffff; color: #ffffff;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
max-width: 250px; //max-width: 250px;
font-weight: 600; font-weight: 600;
letter-spacing: 1px; letter-spacing: 1px;
cursor: pointer; cursor: pointer;
@ -168,6 +172,30 @@
#gdpr-vec-text { #gdpr-vec-text {
display: none; 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{ #register-form-confirm{
@ -189,17 +217,17 @@
.dva-stolpca { .dva-stolpca {
display: flex; display: flex;
margin-bottom: 25px; //margin-bottom: 25px;
h4{
margin-left: auto;
margin-right: auto;
}
.preko-racunov { .preko-racunov {
padding-left: 1rem; //padding-left: 1rem;
border-left: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;
h4{
margin-left: auto;
margin-right: auto;
}
.ostale-prijave { .ostale-prijave {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -262,12 +290,20 @@
.prijava.forma { .prijava.forma {
padding-right: 1rem; padding-right: 1rem;
width: 100%; width: 100%;
}
.error-message { .error-message {
background: #ff000024; background: rgba(255, 0, 0, 0.1);
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
color: red; color: red;
display: none; border: 1px solid red;
display: none;
margin-left: 25px;
margin-right: 25px;
font-size: 14px;
&.napaka-registracija{
margin-right: 10px;
} }
} }