Proyectos de Subversion LeadersLinked - Antes de SPA

<?php 
$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {

    $.validator.setDefaults({
        debug: true,
        highlight: function(element) {
            $(element).closest('.sn-field').addClass('sn-field-has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.sn-field').removeClass('sn-field-has-error');
        },
        errorElement: 'div',
        errorClass: 'sn-field-invalid-feedback',
        errorPlacement: function(error, element) {
            if(element.parent('.sn-field').length) {
                error.insertAfter(element.parent());
            } else if (element.parent('.fgt-sec').length) { 
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        }
    });

    $.fn.showFormErrorValidator = function(fieldname, errors) {
        var field = $(fieldname);
        if(field) {
            $(field).closest('.sn-field').addClass('sn-field-has-error');

            console.log('fieldname = ' + fieldname);
            console.log('error = ' + errors[0]);

            var error = $('<div id="' + fieldname +'-error" class="sn-field-invalid-feedback">' + errors + '</div>');
            if(field.parent('.sn-field').length) {
                error.insertAfter(field.parent());
            } else if (field.parent('.fgt-sec').length) { 
                error.insertAfter(field.parent());
            } else {
                error.insertAfter(field);
            }
        }
    };

    var validatorSignin = $('#form-signin').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        ignore: [':hidden'],
        rules: {
            'email': {
                required: true,
                email: true,  
                maxlength: 64,  
            },
            'password': {
                required: true,
                minlength: 5,
            },
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       : $('#form-signin').attr('action'),
                'data'      : $('#form-signin').serialize(),
             }).done(function(response) {
                if(response.success) {
                    window.location.href = response.data;
                } else {
                    if(jQuery.type(response.data) == 'string') {
                        $.fn.showError(response.data)
                    } else  {
                        $.each(response.data, function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-signin #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                NProgress.done();
            })
        },
        invalidHandler: function(form, validator) {
        }  
    });    

    var validatorForgotPassword = $('#form-forgot-password').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        ignore: [':hidden'],
        rules: {
            'email': {
                required: true,
                email: true,  
                maxlength: 64,  
            },
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       : $('#form-forgot-password').attr('action'),
                'data'      : $('#form-forgot-password').serialize(),
             }).done(function(response) {
                if(response.success) {
                    $('#form-forgot-password #email').val('');
                    $('ul.sign-control li').first().click();
                    $.fn.showSuccess(response.data)
                } else {
                    if(jQuery.type(response.data) == 'string') {
                        $.fn.showError(response.data)
                    } else  {
                        $.each(response.data, function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-forgot-password #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                NProgress.done();
            })
        },
        invalidHandler: function(form, validator) {
        }   
    });    

    var validatorSignup = $('#form-signup').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        ignore: [':hidden'],
        rules: {
            'first_name': {
                required: true,
                maxlength: 64,  
            },
            'last_name': {
                required: true,
                maxlength: 64,  
            },
            'email': {
                required: true,
                email: true,  
                maxlength: 64,  
            },
            'password': {
                required: true,
                minlength: 5,
                maxlength: 25,
            },
            'confirmation' : {
                required: true,
                minlength: 5,
                maxlength: 25,
                equalTo: '#form-signup #password'
            },            
            'terms_and_conditions' : {
                required: true,
            }
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'method'    : 'post',
                'url'       : $('#form-signup').attr('action'),
                'data'      : $('#form-signup').serialize()
             }).done(function(response) {
                if(response.success) {
                    $('#form-signup #first_name').val('');
                    $('#form-signup #last_name').val('');
                    $('#form-signup #email').val('');
                    $('#form-signup #password').val('');
                    $('#form-signup #confirmation').val('');
                    $('#form-signup #type').val('');
                    $('#form-signup #terms_and_conditions').prop('checked', false);

                    $('ul.sign-control li').first().click();
                    $.fn.showSuccess(response.data)
                } else {
                    if(jQuery.type(response.data) == 'string') {
                        $.fn.showError(response.data)
                    } else  {
                        $.each(response.data, function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-signup #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                NProgress.done();
            })
        },
        invalidHandler: function(form, validator) {
        }  
    });  

    $('#form-signin #password').attr('type','password');

});
JS;
$this->inlineScript()->captureEnd();






?>
<div class="signin-popup">
        <div  class="signin-pop">
                <div class="row">
                        <div class="col-lg-6 p-0">
                                <div class="cmp-info">
                                        <div class="cm-logo">
                                                <img src="<?php echo $this->basePath('images/logo428x120.png') ?>" alt="">
                                                <p>LABEL_WELCOME</p>
                                                <p>LABEL_WELCOME_2</p>
                                        </div>
                                        <!--cm-logo end-->      
                                </div><!--cmp-info end-->
                        </div>
                        
                        <div class="col-lg-6 p-0">
                                <div class="login-sec">
                                        <ul class="sign-control">
                                                <li data-tab="tab-1" class="current"><a href="#" title="">LABEL_SIGNIN</a></li>                         
                                                <li data-tab="tab-2"><a href="#" title="">LABEL_SIGNUP</a></li>         
                                            <li data-tab="tab-3"><a href="#" title="">LABEL_FORGOT_MY_PASSWORD</a></li>                                         
                                        </ul>                   
                                        
                                        <div class="sign_in_sec current" id="tab-1">
                                        
                                            <h3><?php echo $this->translate('Entrar') ?></h3>
                        
                                                <?php
                                        $form = $this->formSignIn;
                                        $form->setAttributes([
                                            'method'    => 'post',
                                            'action'    => $this->url('signin'),
                                            'name'      => 'form-signin',
                                            'id'        => 'form-signin'
                                        ]);

                                        $form->prepare();
                                        echo $this->form()->openTag($form);
                                        
                                        $element = $form->get('csrf');
                                        echo $this->formHidden($element);
                        ?>
                                                <div class="row">
                                                        <div class="col-lg-12 no-pdd">
                                                                <div class="sn-field">
                                        <?php 
                                    $element = $form->get('email');
                                    $element->setAttributes([
                                        'placeholder' => $this->translate('LABEL_EMAIL'),
                                        
                                    ]);
                                    echo $this->formText($element);
                                    ?>
                                                                <i class="la la-envelope"></i>
                                                                </div><!--sn-field end-->
                            </div>
                            <div class="col-lg-12 no-pdd">
                                        <div class="sn-field">
                                        <?php 
                                    $element = $form->get('password');
                                    $element->setAttributes([
                                        'placeholder' => $this->translate('LABEL_PASSWORD'),
                                        
                                    ]);
                                    echo $this->formText($element);
                                    ?>
                                        <i class="la la-lock"></i>
                                        </div>
                            </div>

                            <div class="col-lg-12 no-pdd">
                                        <div class="sn-field">
                                        <?php 
                                    $element = $form->get('captcha');
                                    echo $this->formRow($element);
                                    ?>
                                        </div>
                            </div>
                            <div class="col-lg-12 no-pdd">
                                        <div class="checky-sec">
                                        <div class="fgt-sec">
                                                <?php 
                                        $element = $form->get('remember');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('Checkbox'),
                                            
                                        ]);
                                        echo $this->formCheckbox($element);
                                        ?>
                                                <label for="signin_remember">
                                                <span></span>
                                                </label>
                                                <small><?php echo $this->translate('LABEL_REMEMBER_ME') ?></small>
                                        </div><!--fgt-sec end-->
                                        </div>
                            </div>
                            <div class="col-lg-12 no-pdd">
                                        <button type="submit" value="submit">LABEL_SIGNIN</button>
                            </div>
                                        </div>
                        <?php echo $this->form()->closeTag($form); ?>
                                  
                        <div class="login-resources">
                        <h4><?php echo $this->translate('LABEL_SIGNIN_USING_SOCIAL_NETWORKS') ?></h4>
                          <ul>
                            <li><a href="#" title="" class="fb"><i class="fa fa-facebook"></i> <?php echo $this->translate('LABEL_FACEBOOK') ?></a></li>
                            <!-- <li><a href="#" title="" class="tw"><i class="fa fa-twitter"></i>Login Via Twitter</a></li> -->
                          </ul>
                        </div><!--login-resources end-->

                                                
                                        </div>  
                                
                                        <div class="sign_in_sec" id="tab-2">
                                                <h3><?php echo $this->translate('Registrame') ?></h3>
                                                <?php 
                                           $form = $this->formSignUp;
                                        $form->setAttributes([
                                            'method'    => 'post',
                                            'action'    => $this->url('signup'),
                                            'name'      => 'form-signup',
                                            'id'        => 'form-signup'
                                        ]);

                                        $form->prepare();
                                        echo $this->form()->openTag($form);
                                        
                                        $element = $form->get('csrf');
                                        echo $this->formHidden($element);
                        ?>
                                                
                                                <form name="form-signup" id="form-signup" action="<?php echo $this->url('signup')?>" method="post">
                                                        <div class="row">
                                                                <div class="col-lg-12 no-pdd">
                                                                        <div class="sn-field">
                                                                                <?php 
                                        $element = $form->get('email');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
                                            
                                        ]);
                                        echo $this->formText($element);
                                        ?>
                                                                                <i class="la la-envelope"></i>
                                                                        </div><!--sn-field end-->
                                                                </div>
                                                                
                                                                <div class="col-lg-12 no-pdd">
                                                                <div class="sn-field">
                                                                        <?php 
                                        $element = $form->get('first_name');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_FIRST_NAME'),
                                            
                                        ]);
                                        echo $this->formText($element);
                                        ?>
                                                                        <i class="la la-user"></i>
                                                                </div>
                                                        </div>
                                                                <div class="col-lg-12 no-pdd">
                                                                        <div class="sn-field">
                                                                                <?php 
                                        $element = $form->get('last_name');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_LAST_NAME'),
                                            
                                        ]);
                                        echo $this->formText($element);
                                        ?>
                                                                                <i class="la la-user"></i>
                                                                        </div>
                                                                </div>
                                                                
                                                                <div class="col-lg-12 no-pdd">
                                                                        <div class="sn-field">
                                                                            <?php 
                                        $element = $form->get('password');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_PASSWORD'),
                                            
                                        ]);
                                        echo $this->formPassword($element);
                                        ?>
                                                                                <i class="la la-lock"></i>
                                                                        </div>
                                                                </div>
                                                                <div class="col-lg-12 no-pdd">
                                                                        <div class="sn-field">
                                                                                <?php 
                                        $element = $form->get('confirmation');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_CONFIRMATION'),
                                            
                                        ]);
                                        echo $this->formPassword($element);
                                        ?>
                                                                                <i class="la la-lock"></i>
                                                                        </div>
                                                                </div>
                                                                
                                                                <div class="col-lg-12 no-pdd">
                                                <div class="sn-field">
                                                <?php 
                                        $element = $form->get('captcha');
                                        echo $this->formRow($element);
                                        ?>
                                        </div>
                                </div>
                                                        
                                                                <div class="col-lg-12 no-pdd">
                                                                        <div class="checky-sec st2">
                                                                                <div class="fgt-sec">
                                                                                        <?php 
                                            $element = $form->get('terms_and_conditions');
                                            echo $this->formCheckbox($element);
                                            ?>
                                                                                        <label for="terms_and_conditions">
                                                                                                <span></span>
                                                                                        </label>
                                                                                        <small><?php echo $this->translate('LABEL_ACCEPT_TERMS_AND_CONDITIONS'); ?></small>
                                                                                </div><!--fgt-sec end-->
                                                                        </div>
                                                                </div>


                                                                <div class="col-lg-12 no-pdd">
                                                                        <button type="submit" value="submit">LABEL_SIGNUP</button>
                                                                </div>
                                                        </div>
                                                <?php echo $this->form()->closeTag($form); ?>
                                        </div>
                                        
                                        <div class="sign_in_sec" id="tab-3">
                                        
                                                <h3>LABEL_FORGOT_MY_PASSWORD</h3>
                                                <?php 
                                            $form = $this->formForgotPassword;
                                        $form->setAttributes([
                                            'method'    => 'post',
                                            'action'    => $this->url('forgot-password'),
                                            'name'      => 'form-forgot-password',
                                            'id'        => 'form-forgot-password'
                                        ]);

                                        $form->prepare();
                                        echo $this->form()->openTag($form);
                                        
                                        $element = $form->get('csrf');
                                        echo $this->formHidden($element);
                        ?>
                        <form name="form-forgot-password" id="form-forgot-password" action="<?php echo $this->url('forgot-password') ?>" method="post">
                                                        <div class="row">
                                                <div class="col-lg-12 no-pdd">
                                                <div class="sn-field"> 
                                                        <?php 
                                        $element = $form->get('email');
                                        $element->setAttributes([
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
                                            
                                        ]);
                                        echo $this->formText($element);
                                        ?>
                                                        <i class="la la-envelope"></i>
                                                </div><!--sn-field end-->
                                                </div>
                                                
                                                <div class="col-lg-12 no-pdd">
                                                <div class="sn-field">
                                                <?php 
                                        $element = $form->get('captcha');
                                        echo $this->formRow($element);
                                        ?>
                                        </div>
                                </div>

                            
                                <div class="col-lg-12 no-pdd">
                                        <button type="submit" value="submit"><?php echo $this->translate('LABEL_NEW_PASSWORD') ?></button>
                                </div>
                                  </div>
                        <?php echo $this->form()->closeTag($form); ?>
                                        </div>
                                        
                                </div>
                        </div>          
                </div>
        
        </div>
</div>