Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 646 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
<?php
2
$this->inlineScript()->captureStart();
3
echo <<<JS
4
jQuery( document ).ready(function( $ ) {
5
 
6
    $.validator.setDefaults({
7
        debug: true,
8
        highlight: function(element) {
9
            $(element).closest('.sn-field').addClass('sn-field-has-error');
10
        },
11
        unhighlight: function(element) {
12
            $(element).closest('.sn-field').removeClass('sn-field-has-error');
13
        },
14
        errorElement: 'div',
15
        errorClass: 'sn-field-invalid-feedback',
16
        errorPlacement: function(error, element) {
17
            if(element.parent('.sn-field').length) {
18
                error.insertAfter(element.parent());
19
            } else if (element.parent('.fgt-sec').length) {
20
                error.insertAfter(element.parent());
21
            } else {
22
                error.insertAfter(element);
23
            }
24
        }
25
    });
26
 
27
    $.fn.showFormErrorValidator = function(fieldname, errors) {
28
        var field = $(fieldname);
29
        if(field) {
30
            $(field).closest('.sn-field').addClass('sn-field-has-error');
31
 
32
            console.log('fieldname = ' + fieldname);
33
            console.log('error = ' + errors[0]);
34
 
35
            var error = $('<div id="' + fieldname +'-error" class="sn-field-invalid-feedback">' + errors + '</div>');
36
            if(field.parent('.sn-field').length) {
37
                error.insertAfter(field.parent());
38
            } else if (field.parent('.fgt-sec').length) {
39
                error.insertAfter(field.parent());
40
            } else {
41
                error.insertAfter(field);
42
            }
43
        }
44
    };
45
 
46
    var validatorSignin = $('#form-signin').validate({
47
        debug: true,
48
        onclick: false,
49
        onkeyup: false,
50
        ignore: [':hidden'],
51
        rules: {
52
            'email': {
53
                required: true,
54
                email: true,
55
                maxlength: 64,
56
            },
57
            'password': {
58
                required: true,
59
                minlength: 5,
60
            },
61
        },
62
        submitHandler: function(form)
63
        {
64
            NProgress.start();
65
            $.ajax({
66
                'dataType'  : 'json',
67
                'accept'    : 'application/json',
68
                'method'    : 'post',
69
                'url'       : $('#form-signin').attr('action'),
70
                'data'      : $('#form-signin').serialize(),
71
             }).done(function(response) {
72
                if(response.success) {
73
                    window.location.href = response.data;
74
                } else {
75
                    if(jQuery.type(response.data) == 'string') {
76
                        $.fn.showError(response.data)
77
                    } else  {
78
                        $.each(response.data, function( fieldname, errors ) {
79
                            $.fn.showFormErrorValidator('#form-signin #' + fieldname, errors);
80
                        });
81
                    }
82
                }
83
            }).fail(function( jqXHR, textStatus, errorThrown) {
84
                NProgress.done();
85
            })
86
        },
87
        invalidHandler: function(form, validator) {
88
        }
89
    });
90
 
91
    var validatorForgotPassword = $('#form-forgot-password').validate({
92
        debug: true,
93
        onclick: false,
94
        onkeyup: false,
95
        ignore: [':hidden'],
96
        rules: {
97
            'email': {
98
                required: true,
99
                email: true,
100
                maxlength: 64,
101
            },
102
        },
103
        submitHandler: function(form)
104
        {
105
            NProgress.start();
106
            $.ajax({
107
                'dataType'  : 'json',
108
                'accept'    : 'application/json',
109
                'method'    : 'post',
110
                'url'       : $('#form-forgot-password').attr('action'),
111
                'data'      : $('#form-forgot-password').serialize(),
112
             }).done(function(response) {
113
                if(response.success) {
114
                    $('#form-forgot-password #email').val('');
115
                    $('ul.sign-control li').first().click();
116
                    $.fn.showSuccess(response.data)
117
                } else {
118
                    if(jQuery.type(response.data) == 'string') {
119
                        $.fn.showError(response.data)
120
                    } else  {
121
                        $.each(response.data, function( fieldname, errors ) {
122
                            $.fn.showFormErrorValidator('#form-forgot-password #' + fieldname, errors);
123
                        });
124
                    }
125
                }
126
            }).fail(function( jqXHR, textStatus, errorThrown) {
127
                NProgress.done();
128
            })
129
        },
130
        invalidHandler: function(form, validator) {
131
        }
132
    });
133
 
134
    var validatorSignup = $('#form-signup').validate({
135
        debug: true,
136
        onclick: false,
137
        onkeyup: false,
138
        ignore: [':hidden'],
139
        rules: {
140
            'first_name': {
141
                required: true,
142
                maxlength: 64,
143
            },
144
            'last_name': {
145
                required: true,
146
                maxlength: 64,
147
            },
148
            'email': {
149
                required: true,
150
                email: true,
151
                maxlength: 64,
152
            },
153
            'password': {
154
                required: true,
155
                minlength: 5,
156
                maxlength: 25,
157
            },
158
            'confirmation' : {
159
                required: true,
160
                minlength: 5,
161
                maxlength: 25,
162
                equalTo: '#form-signup #password'
163
            },
164
            'terms_and_conditions' : {
165
                required: true,
166
            }
167
        },
168
        submitHandler: function(form)
169
        {
170
            NProgress.start();
171
            $.ajax({
172
                'dataType'  : 'json',
173
                'method'    : 'post',
174
                'url'       : $('#form-signup').attr('action'),
175
                'data'      : $('#form-signup').serialize()
176
             }).done(function(response) {
177
                if(response.success) {
178
                    $('#form-signup #first_name').val('');
179
                    $('#form-signup #last_name').val('');
180
                    $('#form-signup #email').val('');
181
                    $('#form-signup #password').val('');
182
                    $('#form-signup #confirmation').val('');
183
                    $('#form-signup #type').val('');
184
                    $('#form-signup #terms_and_conditions').prop('checked', false);
185
 
186
                    $('ul.sign-control li').first().click();
187
                    $.fn.showSuccess(response.data)
188
                } else {
189
                    if(jQuery.type(response.data) == 'string') {
190
                        $.fn.showError(response.data)
191
                    } else  {
192
                        $.each(response.data, function( fieldname, errors ) {
193
                            $.fn.showFormErrorValidator('#form-signup #' + fieldname, errors);
194
                        });
195
                    }
196
                }
197
            }).fail(function( jqXHR, textStatus, errorThrown) {
198
                NProgress.done();
199
            })
200
        },
201
        invalidHandler: function(form, validator) {
202
        }
203
    });
204
 
205
    $('#form-signin #password').attr('type','password');
206
 
207
});
208
JS;
209
$this->inlineScript()->captureEnd();
210
 
211
 
212
 
213
 
646 efrain 214
 
215
 
1 www 216
?>
217
<div class="signin-popup">
218
	<div  class="signin-pop">
219
		<div class="row">
4928 stevensc 220
			<div class="col-lg-6 p-0">
1 www 221
				<div class="cmp-info">
222
					<div class="cm-logo">
223
						<img src="<?php echo $this->basePath('images/logo428x120.png') ?>" alt="">
224
						<p>LABEL_WELCOME</p>
225
						<p>LABEL_WELCOME_2</p>
226
					</div>
227
					<!--cm-logo end-->
228
				</div><!--cmp-info end-->
229
			</div>
230
 
4928 stevensc 231
			<div class="col-lg-6 p-0">
1 www 232
				<div class="login-sec">
233
					<ul class="sign-control">
234
						<li data-tab="tab-1" class="current"><a href="#" title="">LABEL_SIGNIN</a></li>
235
						<li data-tab="tab-2"><a href="#" title="">LABEL_SIGNUP</a></li>
236
					    <li data-tab="tab-3"><a href="#" title="">LABEL_FORGOT_MY_PASSWORD</a></li>
237
					</ul>
238
 
239
					<div class="sign_in_sec current" id="tab-1">
240
 
241
					    <h3><?php echo $this->translate('Entrar') ?></h3>
242
 
243
						<?php
244
        				$form = $this->formSignIn;
245
        				$form->setAttributes([
246
        				    'method'    => 'post',
247
        				    'action'    => $this->url('signin'),
248
        				    'name'      => 'form-signin',
249
        				    'id'        => 'form-signin'
250
        				]);
251
 
252
        				$form->prepare();
253
        				echo $this->form()->openTag($form);
254
 
255
        				$element = $form->get('csrf');
256
        				echo $this->formHidden($element);
257
                        ?>
258
   						<div class="row">
259
							<div class="col-lg-12 no-pdd">
260
								<div class="sn-field">
261
                                	<?php
262
                                    $element = $form->get('email');
263
                                    $element->setAttributes([
264
                                        'placeholder' => $this->translate('LABEL_EMAIL'),
265
 
266
                                    ]);
267
                                    echo $this->formText($element);
268
                                    ?>
269
    								<i class="la la-envelope"></i>
270
								</div><!--sn-field end-->
271
                            </div>
272
                            <div class="col-lg-12 no-pdd">
273
                       			<div class="sn-field">
274
                            		<?php
275
                                    $element = $form->get('password');
276
                                    $element->setAttributes([
277
                                        'placeholder' => $this->translate('LABEL_PASSWORD'),
278
 
279
                                    ]);
280
                                    echo $this->formText($element);
281
                                    ?>
282
                                	<i class="la la-lock"></i>
283
                          		</div>
284
                            </div>
285
 
286
                            <div class="col-lg-12 no-pdd">
287
                       			<div class="sn-field">
288
                            		<?php
289
                                    $element = $form->get('captcha');
290
                                    echo $this->formRow($element);
291
                                    ?>
292
                          		</div>
293
                            </div>
294
                            <div class="col-lg-12 no-pdd">
295
                          		<div class="checky-sec">
296
                               		<div class="fgt-sec">
297
                          			<?php
298
                                        $element = $form->get('remember');
299
                                        $element->setAttributes([
300
                                            'placeholder' => $this->translate('Checkbox'),
301
 
302
                                        ]);
303
                                        echo $this->formCheckbox($element);
304
                                        ?>
305
                                  		<label for="signin_remember">
306
                                    		<span></span>
307
                                  		</label>
308
                                  		<small><?php echo $this->translate('LABEL_REMEMBER_ME') ?></small>
309
                                	</div><!--fgt-sec end-->
310
                          		</div>
311
                            </div>
312
                            <div class="col-lg-12 no-pdd">
313
                           		<button type="submit" value="submit">LABEL_SIGNIN</button>
314
                            </div>
315
      					</div>
316
                        <?php echo $this->form()->closeTag($form); ?>
317
 
318
                        <div class="login-resources">
319
                        <h4><?php echo $this->translate('LABEL_SIGNIN_USING_SOCIAL_NETWORKS') ?></h4>
320
                          <ul>
321
                            <li><a href="#" title="" class="fb"><i class="fa fa-facebook"></i> <?php echo $this->translate('LABEL_FACEBOOK') ?></a></li>
322
                            <!-- <li><a href="#" title="" class="tw"><i class="fa fa-twitter"></i>Login Via Twitter</a></li> -->
323
                          </ul>
324
                        </div><!--login-resources end-->
325
 
326
 
327
					</div>
328
 
329
					<div class="sign_in_sec" id="tab-2">
330
						<h3><?php echo $this->translate('Registrame') ?></h3>
331
						<?php
332
					   $form = $this->formSignUp;
333
        				$form->setAttributes([
334
        				    'method'    => 'post',
335
        				    'action'    => $this->url('signup'),
336
        				    'name'      => 'form-signup',
337
        				    'id'        => 'form-signup'
338
        				]);
339
 
340
        				$form->prepare();
341
        				echo $this->form()->openTag($form);
342
 
343
        				$element = $form->get('csrf');
344
        				echo $this->formHidden($element);
345
                        ?>
346
 
347
						<form name="form-signup" id="form-signup" action="<?php echo $this->url('signup')?>" method="post">
348
							<div class="row">
349
								<div class="col-lg-12 no-pdd">
350
									<div class="sn-field">
351
										<?php
352
                                        $element = $form->get('email');
353
                                        $element->setAttributes([
354
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
355
 
356
                                        ]);
357
                                        echo $this->formText($element);
358
                                        ?>
359
										<i class="la la-envelope"></i>
360
									</div><!--sn-field end-->
361
								</div>
362
 
363
								<div class="col-lg-12 no-pdd">
364
    								<div class="sn-field">
365
    									<?php
366
                                        $element = $form->get('first_name');
367
                                        $element->setAttributes([
368
                                            'placeholder' => $this->translate('LABEL_FIRST_NAME'),
369
 
370
                                        ]);
371
                                        echo $this->formText($element);
372
                                        ?>
373
    									<i class="la la-user"></i>
374
    								</div>
375
    							</div>
376
								<div class="col-lg-12 no-pdd">
377
									<div class="sn-field">
378
										<?php
379
                                        $element = $form->get('last_name');
380
                                        $element->setAttributes([
381
                                            'placeholder' => $this->translate('LABEL_LAST_NAME'),
382
 
383
                                        ]);
384
                                        echo $this->formText($element);
385
                                        ?>
386
										<i class="la la-user"></i>
387
									</div>
388
								</div>
389
 
390
								<div class="col-lg-12 no-pdd">
391
									<div class="sn-field">
392
									    <?php
393
                                        $element = $form->get('password');
394
                                        $element->setAttributes([
395
                                            'placeholder' => $this->translate('LABEL_PASSWORD'),
396
 
397
                                        ]);
398
                                        echo $this->formPassword($element);
399
                                        ?>
400
										<i class="la la-lock"></i>
401
									</div>
402
								</div>
403
								<div class="col-lg-12 no-pdd">
404
									<div class="sn-field">
405
										<?php
406
                                        $element = $form->get('confirmation');
407
                                        $element->setAttributes([
408
                                            'placeholder' => $this->translate('LABEL_CONFIRMATION'),
409
 
410
                                        ]);
411
                                        echo $this->formPassword($element);
412
                                        ?>
413
										<i class="la la-lock"></i>
414
									</div>
415
								</div>
416
 
417
								<div class="col-lg-12 no-pdd">
418
                           			<div class="sn-field">
419
                                		<?php
420
                                        $element = $form->get('captcha');
421
                                        echo $this->formRow($element);
422
                                        ?>
423
                              		</div>
424
                            	</div>
425
 
426
								<div class="col-lg-12 no-pdd">
427
									<div class="checky-sec st2">
428
										<div class="fgt-sec">
429
											<?php
430
                                            $element = $form->get('terms_and_conditions');
431
                                            echo $this->formCheckbox($element);
432
                                            ?>
433
											<label for="terms_and_conditions">
434
												<span></span>
435
											</label>
436
											<small><?php echo $this->translate('LABEL_ACCEPT_TERMS_AND_CONDITIONS'); ?></small>
437
										</div><!--fgt-sec end-->
438
									</div>
439
								</div>
440
 
441
 
442
								<div class="col-lg-12 no-pdd">
443
									<button type="submit" value="submit">LABEL_SIGNUP</button>
444
								</div>
445
							</div>
446
						<?php echo $this->form()->closeTag($form); ?>
447
					</div>
448
 
449
					<div class="sign_in_sec" id="tab-3">
450
 
451
						<h3>LABEL_FORGOT_MY_PASSWORD</h3>
452
						<?php
453
					    $form = $this->formForgotPassword;
454
        				$form->setAttributes([
455
        				    'method'    => 'post',
456
        				    'action'    => $this->url('forgot-password'),
457
        				    'name'      => 'form-forgot-password',
458
        				    'id'        => 'form-forgot-password'
459
        				]);
460
 
461
        				$form->prepare();
462
        				echo $this->form()->openTag($form);
463
 
464
        				$element = $form->get('csrf');
465
        				echo $this->formHidden($element);
466
                        ?>
467
                        <form name="form-forgot-password" id="form-forgot-password" action="<?php echo $this->url('forgot-password') ?>" method="post">
468
							<div class="row">
469
                   				<div class="col-lg-12 no-pdd">
470
                    				<div class="sn-field">
471
                    					<?php
472
                                        $element = $form->get('email');
473
                                        $element->setAttributes([
474
                                            'placeholder' => $this->translate('LABEL_EMAIL'),
475
 
476
                                        ]);
477
                                        echo $this->formText($element);
478
                                        ?>
479
                    					<i class="la la-envelope"></i>
480
                    				</div><!--sn-field end-->
481
                  				</div>
482
 
483
                  				<div class="col-lg-12 no-pdd">
484
                           			<div class="sn-field">
485
                                		<?php
486
                                        $element = $form->get('captcha');
487
                                        echo $this->formRow($element);
488
                                        ?>
489
                              		</div>
490
                                </div>
491
 
492
 
493
                            	<div class="col-lg-12 no-pdd">
494
                              		<button type="submit" value="submit"><?php echo $this->translate('LABEL_NEW_PASSWORD') ?></button>
495
                            	</div>
496
                    		  </div>
497
                        <?php echo $this->form()->closeTag($form); ?>
498
					</div>
499
 
500
				</div>
501
			</div>
502
		</div>
503
 
504
	</div>
505
</div>
506